<select>使用jQuery从JavaScript对象向中添加选项的最佳方法是什么?
<select>
我正在寻找不需要插件的东西,但是我也对那里的插件感兴趣。
这是我所做的:
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()的第二个参数。
与其他答案相同,采用jQuery方式:
$.each(selectValues, function(key, value) { $('#mySelect') .append($("<option></option>") .attr("value",key) .text(value)); });