Bootstrap Select2版本3.5.2

时间:2015-03-27 12:16:36

标签: jquery-select2

任何人都可以帮我解决以下情况的工作示例吗?

选择2选项,通过阵列加载数据,默认选择值,如果编辑模式根据用户要求更改选定值。这是我的代码,但它不起作用。



<input type="hidden" id="selectCountry" class="selectCountry" style="width:100%"   />
&#13;
&#13;
&#13;

JS

&#13;
&#13;
var displayOptions = [{id:'1',text:'test'},{id:'2',text:'test1'},
                          {id:'3',text:'test2'},{id:'4',text:'test3'},
                          {id:'5',text:'Do not display'}]
    
$(".selectDisplayOptions").select2({
    	  data: displayOptions,
    	  minimumResultsForSearch: -1, 
      	  dropdownAutoWidth: true
    	  });  
&#13;
&#13;
&#13;

我尝试了initselection但是当我尝试在我的应用程序的编辑案例中选择不同的值时会导致问题。

用于在编辑时选择不同值的JS代码

&#13;
&#13;
$('.selectDisplayOptions').val(2);
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

您应该调用您的选择类或ID查看文档: https://select2.github.io/examples.html 您应该注意用于在选择示例中设置值的方式:

<select class="selectDisplayOptions">
        <option value="0">Boy</option>
        <option value="1">Girl</option>
</select>

$('.selectDisplayOptions').val('1'); // This will bring back Girl.
$('.selectDisplayOptions').val('Girl'); // This will bring back Girl too.


var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text:    'wontfix' }];

 $(".js-example-data-array").select2({
data: data
 })

 $(".js-example-data-array-selected").select2({
 data: data
 })

<select class="js-example-data-array-selected"></select>

<select class="js-example-data-array-selected">
<option value="2" selected="selected">duplicate</option>
</select>

此致