如何使用jquery更改选择框中渲染的选定选项

How to change rendered selected option in select box with jquery

本文关键字：选项 jquery 何使用 选择      更新时间：2023-09-26

我已经尝试了很多方法用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");
相关文章：