正如问题所说,我如何使用jQuery设置下拉列表控件的值?
当前回答
对于使用Bootstrap的人,使用$(#elementId').selectpicker('val','elementValue')而不是$('#elementId').val('elementValue'),因为后者不会更新UI中的值。
注意:即使.change()函数也可以工作,正如上面在一些回答中所建议的那样,但它会触发$('#elementId').change(function(){//do something})函数。
只是把这个贴出来,以便将来有人引用这个帖子。
其他回答
$("#mydropdownlist").val("thevalue");
只要确保选项标签中的值与val方法中的值匹配即可。
如果你使用索引,你可以直接用.attr()设置所选索引:
$("#mydropdownlist").attr('selectedIndex', 0);
这将把它设置为下拉列表中的第一个值。
编辑: 我上面的方法过去很管用。但现在似乎不再是了。
但正如韩寒在评论中愉快地指出的那样,正确的做法是:
$("#mydropdownlist").get(0).selectedIndex = index_here;
有很多方法可以做到这一点。以下是其中一些:
$("._statusDDL").val('2');
OR
$('select').prop('selectedIndex', 3);
//Html下拉列表的格式。
<select id="MyDropDownList">
<option value=test1 selected>test1</option>
<option value=test2>test2</option>
<option value=test3>test3</option>
<option value=test4>test4</option>
//如果你想使用javascript将选中的Item更改为test2。试试这个。 //设置你想要选择的下一个选项
var NewOprionValue = "Test2"
var RemoveSelected = $("#MyDropDownList")[0].innerHTML.replace('selected', '');
var ChangeSelected = RemoveSelected.replace(NewOption, NewOption + 'selected>');
$('#MyDropDownList').html(ChangeSelected);
对于使用Bootstrap的人,使用$(#elementId').selectpicker('val','elementValue')而不是$('#elementId').val('elementValue'),因为后者不会更新UI中的值。
注意:即使.change()函数也可以工作,正如上面在一些回答中所建议的那样,但它会触发$('#elementId').change(function(){//do something})函数。
只是把这个贴出来,以便将来有人引用这个帖子。
推荐文章
- 如何获得一个键/值JavaScript对象的键
- 什么时候JavaScript是同步的?
- 在jQuery中取消<select>的最佳方法?
- jQuery的“输入”事件
- 错误"Uncaught SyntaxError:意外的标记与JSON.parse"
- 给一个数字加上st, nd, rd和th(序数)后缀
- 在jQuery中的CSS类更改上触发事件
- jQuery日期/时间选择器
- 我如何预填充一个jQuery Datepicker文本框与今天的日期?
- jQuery添加必要的输入字段
- JavaScript错误(Uncaught SyntaxError:意外的输入结束)
- navigator。gelocation。getcurrentposition有时有效有时无效
- 我如何使用jQuery按字母顺序排序一个列表?
- 如何在jQuery检索复选框值
- 停止缓存jQuery .load响应