使用来自管道符号分隔数据的jquery填充html选择框

Question

我有一个带有这个值的变量'a | mike || c | John || d | Pierre'

（a，b和c是guid的而不是真实的字母）

现在我想填充一个带有'官员'的html select元素，其中选项的值为'a'，值为文本。

我坚持使用|，数组和jquery的分割来填充列表....

Answer 1

var outer = myString.split('||');
var select = $('<select></select>');
var options = '';
for(var i = 0; i < outer.length; i++)
{
 var inner = outer[i].split('|')
 options += '<option value="' + inner[0] + '">' + inner[1]+  '</option>';
}
select.html(options);

Answer 2

使用jquery添加选项的另一种方法是http://www.electrictoolbox.com/jquery-add-option-select-jquery/

Answer 3

试试这个：

var outer = myString.split('||');
var select = $('<select></select>');
for(var i = 0; i < outer.length; i++)
{
 var inner = outer[i].split('|')
 select.append('<option value="' + inner[0] + '">' + inner[1]+  '</option>');
}