用javascript应用select2

Question

我希望添加select2来动态标记<select id="test" class="select2"></select>。E.g

<select id="test" class="select2"></select>

<button onclick="applySelect2()">Click me</button>

<script type="text/javascript">

function applySelect2() {
    //code witch will aplly select2 for <select id="test" class="select2"></select>
    //Please help
}

</script>

Answer 1

首先，您需要jQuery库，而不是这样的东西：

<select id="test" class="select2"></select>

<button id="myButton">Click me</button>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
 jQuery(function($) { // DOM READY
    $('#myButton').click(function(){
        $("#test").select2();
    });
 });
</script>

或类似于您的示例：

 jQuery(function($) { // DOM READY

     function applySelect2() {
         //code
     }

    $('#myButton').click(function(){
       applySelect2();
    });

 });

Answer 2

你是说这个？

function applySelect2() {
   $(".select2").select2();
}