如何使用 jquery 在 select 框中更改呈现的选定选项

Question

我已经尝试了很多方法来 select 一个选项 jquery 包括.val("0") .attr('selected', 'selected')和.attr('selected', 'true')和TexoTela 插件。 他们似乎都更新了 html 但浏览器仍然显示用户选择的最后一个项目。

试试这个小提琴... Select 下拉值 1 然后单击链接。

有没有办法实际更新显示的值？

Answer 1

您的意思是更改选择了哪个项目？

$('select').val('0');

还有其他方法，但这是基本的，按照你的例子。

jsfiddle

您可以在此处阅读.val()的文档和代码段：

检查或选择与一组值匹配的所有单选按钮、复选框和 select 选项。

编辑 jQuery 移动

对于 jQuery Mobile，您还需要按照移动文档中的说明刷新 select：

如果您通过 JavaScript 操作 select，则必须对其调用 refresh 方法以更新视觉样式。

您可以通过以下方式执行此操作：

$('select').selectmenu("refresh",true);

Answer 2

仍然使用您的.val("0")设置值，并在浏览器中更新您必须使用以下之一：

.trigger("liszt:updated");

或者

.trigger("chosen:updated");

根据您创建 select 的方式，只有一个可以工作。

它会是这样的：

$("#Your_select").val('0');
$("#Your_select").trigger("liszt:updated");

Answer 3

您将选项值设置为零。

设置 select 而不是选项 val

$('select').val('0');

并且您可能希望使用 #id 而不是仅使用“选择”选择器。