引导选择2不与js函数工作

在HTML

<select multiple id="e1" style="width:200px"></select>

在JS我有一个函数来填充的选项。

$('#e1').select2(); 
    for (var i in this.notSelected) { 
    var options = '<option data-idx="'+ i +'">' + this.notSelected[i][field] + '</option>'; 
    $('#e1').append(options); 
    }

如果我点击editText，我可以看到选项，但我不能选择任何东西。

有关这方面的任何示例或帮助？

谢谢。

来源

2015-11-19 Oscar LT

你应该像这样使用for循环。这么多时间访问DOM并不是一种好的方法。所以在循环之后做这个。

var options = ''; 
    for (var i=0;i<this.notSelected.length;i++) { 
     var temp = this.notSelected[i]; 
     var options += '<option value="'+ temp +'">' + temp[field] +'</option>'; 
    } 
    $('#e1').append(options);

以下是运行代码。

$(document).ready(function(){ 
 
    $('#e1').select2(); 
 
    var ad = ['Op1', 'Op2', 'Op3']; 
 
    var op = ''; 
 
    for (var i=0; i<ad.length;i++){ 
 
     op += '<option data-idx="'+i+'">'+ad[i]+'</option>'; 
 
    } 
 
    $('#e1').append(op); 
 
});

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
 
     <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1-rc.1/css/select2.min.css" rel="stylesheet" /> 
 
     <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1-rc.1/js/select2.min.js"></script> 
 
     <meta charset="utf-8"> 
 
     <title>JS Bin</title> 
 
    </head> 
 
    <body> 
 
     <select multiple id='e1' style="width: 400px;"> 
 

 
     </select> 
 
    </body> 
 
</html>

来源

2015-11-19 08:45:19

谢谢你非常非常非常非常非常多，我的朋友。 –

不客气。 –

引导选择2不与js函数工作

回答

相关问题