假设一个选项列表是可用的,你如何更新<选择>与新的<选项>s?
当前回答
例如,如果你的html代码包含以下代码:
<select id="selectId"><option>Test1</option><option>Test2</option></select>
为了改变你选择的选项列表,你可以使用下面的代码。当你的名字选择命名为selectId。
var option = $('<option></option>').attr("value", "option value").text("Text");
$("#selectId").html(option);
在上面这个例子中,我只用一个新选项改变了旧的选项列表。
其他回答
例如,如果你的html代码包含以下代码:
<select id="selectId"><option>Test1</option><option>Test2</option></select>
为了改变你选择的选项列表,你可以使用下面的代码。当你的名字选择命名为selectId。
var option = $('<option></option>').attr("value", "option value").text("Text");
$("#selectId").html(option);
在上面这个例子中,我只用一个新选项改变了旧的选项列表。
你可以使用empty方法删除现有的选项,然后添加新的选项:
var option = $('<option></option>').attr("value", "option value").text("Text");
$("#selectId").empty().append(option);
如果你在一个对象中有新的选项,你可以:
var newOptions = {"Option 1": "value1",
"Option 2": "value2",
"Option 3": "value3"
};
var $el = $("#selectId");
$el.empty(); // remove old options
$.each(newOptions, function(key,value) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
编辑:要删除除第一个以外的所有选项,你可以使用:gt选择器,获取所有索引大于零的选项元素并删除它们:
$('#selectId option:gt(0)').remove(); // remove all options, but not the first
这有用吗?
$("#SelectName option[value='theValueOfOption']")[0].selected = true;
如果我们不断更新<select>,我们需要保存之前的值:
var newOptions = {
'Option 1':'value-1',
'Option 2':'value-2'
};
var $el = $('#select');
var prevValue = $el.val();
$el.empty();
$.each(newOptions, function(key, value) {
$el.append($('<option></option>').attr('value', value).text(key));
if (value === prevValue){
$el.val(value);
}
});
$el.trigger('change');
$('#comboBx').append($("<option></option>").attr("value",key).text(value));
其中comboBx是你的组合框id。
或者你可以将选项作为字符串附加到已经存在的innerHTML,然后分配给select innerHTML。
Edit
如果你需要保留第一个选项并删除所有其他选项,那么你可以使用
var firstOption = $("#cmb1 option:first-child");
$("#cmb1").empty().append(firstOption);
推荐文章
- 在数组中获取所有选中的复选框
- JSHint和jQuery: '$'没有定义
- 用jQuery检查Internet连接是否存在?
- 如何使用滑动(或显示)函数在一个表行?
- 如何用JavaScript截屏一个div ?
- 如何检测“搜索”HTML5输入的清除?
- 当元素从DOM中移除时触发事件
- Ajax成功事件不工作
- 引导下拉与Hover
- jQuery的.bind() vs. on()
- jQuery .live() vs .on()方法,用于在加载动态html后添加单击事件
- 事件。returnValue已弃用。请使用标准的event.preventDefault()
- 如何处理模式关闭事件在Twitter引导?
- 防止浏览器加载拖放文件
- 清除输入文本内的图标