假设一个选项列表是可用的,你如何更新<选择>与新的<选项>s?
当前回答
$('#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);
其他回答
$('#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);
删除和添加DOM元素比修改现有元素要慢。
如果你的选项集有相同的长度,你可以这样做:
$('#my-select option')
.each(function(index) {
$(this).text('someNewText').val('someNewValue');
});
如果你的新选项集有不同的长度,你可以使用上面描述的一些技巧删除/添加你真正需要的空选项。
这有用吗?
$("#SelectName option[value='theValueOfOption']")[0].selected = true;
因为一些奇怪的原因
$el.empty(); // remove old options
CMS的解决方案并不适合我,所以我只是简单地使用了这个
el.html(' ');
这是可行的。所以我的工作代码现在看起来像这样:
var newOptions = {
"Option 1":"option-1",
"Option 2":"option-2"
};
var $el = $('.selectClass');
$el.html(' ');
$.each(newOptions, function(key, value) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
例如,如果你的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);
在上面这个例子中,我只用一个新选项改变了旧的选项列表。
推荐文章
- 可以在setInterval()内部调用clearInterval()吗?
- 无法读取未定义的属性“msie”- jQuery工具
- jQuery:执行同步AJAX请求
- jQuery表格排序
- 如何禁用文本选择使用jQuery?
- 如何停止事件冒泡复选框点击
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何删除和清除所有的本地存储数据
- 如何修改标签文本?
- 如何获得十六进制颜色值而不是RGB值?
- 如何将一个标题转换为jQuery的URL段塞?
- $(window).width()与媒体查询不一样
- AJAX请求中的内容类型和数据类型是什么?
- 如何打破_。在underscore.js中的每个函数
- 如何在jQuery中获得当前日期?