Jqueryはデフォルトでリストボックスを動的にロードします

Question

var myOptions_bench = { 
1 : '1', 
2 : '2', 
3 : '3'} 

$.each(myOptions_bench, function(val, text) { 
    $('#test').append(
    $('<option></option>').val(val).html(text) 
); 

ここで私は自分自身の詳細をロードしたい（時には1〜3回何回か5〜50回）。動的に私はオプションを変更したい。 forループはここでは機能しません。

必要な操作をしてください。ありがとう

Answer 1

この

var myOptions_bench = { 
1 : '1', 
2 : '2', 
3 : '3'}; 

//remove current options 
$('#test').html(''); 
//add new options 
for(var i = 1;i < myOptions_bench.length+1 ;i++){ 
$('#test').append($('<option></option>').val(i).html(i)); 
} 

Answer 2

forを使って試してみてください。必要に応じてループの開始と終了を設定できます。

$('#test').empty();//Clear the list 
for(var i = 1;i < 50;i++){ 
    $('#test').append($('<option></option>').val(i).html(i)); 
} 

Answer 3

$.ajaxは@ jquery.com

Answer 4

ような何かをしようとします持っていたいくつかの構文エラーなど

試してみてください。

myOptions_bench = { 
    1: '1', 
    2: '2', 
    3: '3' 
} 

$.each(myOptions_bench, function(val, text) { 
    $('#test').append('<option value="' + val + '">' + text + '</option>'); 
}); 

フィドル：http://jsfiddle.net/MNk3a/