如何使用jquery更改选择框中渲染的选定选项
How to change rendered selected option in select box with jquery
我已经尝试了很多方法用jquery选择一个选项,包括.val("0")
、.attr('selected', 'selected')
和.attr('selected', 'true')
以及TexoTela插件。它们似乎都更新了html,但浏览器仍然显示用户选择的最后一个项目。
试试这把小提琴。。。选择下拉值1,然后单击链接。
有什么方法可以实际更新显示的值吗?
您的意思是更改所选项目?
$('select').val('0');
还有其他方法,但这是最基本的,以你为例。
jsfiddle
你可以在这里阅读.val()
的文档,以及片段:
检查或选择所有收音机按钮、复选框和选择与值集匹配的选项。
jQuery Mobile编辑
对于jQuery Mobile,您还需要刷新移动文档中提到的选择:
如果通过操作选择JavaScript,您必须调用刷新基于it的可视化更新方法造型。
您可以通过以下方式完成:
$('select').selectmenu("refresh",true);
您正在将选项值设置为零。
设置选择而非选项val
$('select').val('0');
您可能希望使用#id,而不是仅使用"select"选择器。
仍然使用.val("0")
来设置值,并且要在浏览器中更新,您必须使用以下选项之一:
.trigger("liszt:updated");
或
.trigger("chosen:updated");
只有一个可以工作,这取决于您创建选择的方式。
就像:
$("#Your_select").val('0');
$("#Your_select").trigger("liszt:updated");
相关文章:
- 按照选项卡索引的顺序循环一个jQuery选择
- 如何在使用selectBoxIt JQuery插件时检测选项更改
- JQuery覆盖不更改单选选项
- jQuery动态表单显示在select选项上
- Jquery:如何获取所选选项全文(带空格)
- 使用基于文本的 Jquery 选择选项
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 阻止选项卡缓存jquery ui
- 使用Jquery增加选项卡
- 如何在jquery.easytabs.js中获取当前选项卡
- JQuery-停止手风琴链接关闭所有选项卡
- 设置所选选项JQuery
- 防止已选择的选项 Jquery 使用 MYSQL 自动完成
- 动态替换下拉菜单选项jQuery
- 在Chrome和Firefox中选择选项jquery 2.1.1时出错
- 附加逗号分隔的值以选择选项 jQuery
- 忽略选择选项jQuery的值
- 无法在回调时配置选项(jQuery插件)
- 为什么这个自动选择第一个选项jquery脚本在Internet Explorer中不起作用