使用键：值对填充选择框？

我正在使用jQuery并让服务器代码返回以下值

0:SELECT ONE;1:VALUE1;2:VALUE2 etc 

如何将其填充到选择框中？

 var="0:SELECT ONE;1:VALUE1;2:VALUE2"; $("#targetSelectBox"). ??????? 

Answer 1

 var opts = "0:SELECT ONE;1:VALUE1;2:VALUE2"; opts = opts.split(';'); var target = $("#targetSelectBox"); $.each(opts, function(i, opt){ opt = opt.split(':'); target.append($('').val(opt[0].trim()).text(opt[1].trim())); }); 

Answer 2

您还可以使用jquery的add（）函数。

例如

 var options = ["0":{"description":"Select an item"}, "1":{"description":"item 1"}]; var dropdown = $("#dropdown_id")[0]; $.each(options, function(i, item) { var option = new Option(item.description, i); if ($.browser.msie) { dropdown.add(option); } else { dropdown.add(option, null); } }); 

Answer 3

 // Variable holding key-value pairs var values = "1:VALUE;2:VALUE"; // Convert to an array of key-values var vals = values.split(";"); // Cycle through each pair for (var i = 0; i < vals.length; i++) { // Split to get true key, and true value var parts = vals[i].split(":"); // Append new option holding true key, and true value $("#targetSelectBox").append($("option").val(parts[0]).text(parts[1])); } 

Answer 4

它在Firefox中运行良好，但在IE中却没有。 我得到“对象不支持属性或方法”。 因此我建议这个解决方案：

 var target = $("#targetSelectBox") var vals = values.split(";"); for (var i = 0; i < vals.length; i++) { var parts = vals[i].split(":"); target.append($('').val(parts[0].trim()).text(parts[1].trim())); }