<select>
jQueryを使用してJavaScriptオブジェクトからにオプションを追加する最良の方法は何ですか?
プラグインが必要ないものを探していますが、そこにあるプラグインにも興味があります。
これは私がやったことです:
selectValues = { "1": "test 1", "2": "test 2" };
for (key in selectValues) {
if (typeof (selectValues[key] == 'string') {
$('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');
}
}
クリーンでシンプルなソリューション:
これは、matdumsaのクリーンアップおよび簡略化されたバージョンです。
$.each(selectValues, function(key, value) {
$('#mySelect')
.append($('<option>', { value : key })
.text(value));
});
matdumsaの変更点:(1)append()内のオプションの終了タグを削除し、(2)プロパティ/属性をappend()の2番目のパラメーターとしてマップに移動しました。
value
、それは引用符で囲む必要はありません文字列(およびハードコードされた)です。