Задать поле выбора с ключом: пара значений?

Question

Я использую код сервера 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($('<option />').val(opt[0].trim()).text(opt[1].trim())); 
}); 

Answer 2

// 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 3

Its работает отлично в Firefox, но не в IE. Я получаю «Объект не поддерживает свойство или метод». Поэтому я предлагаю такое решение:

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

Answer 4

Вы также можете использовать функцию add() Jquery в.

См., Например,

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); 
    } 
});