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

Question

我尝试了多种方法来选择包含.val("0") .attr('selected', 'selected')和.attr('selected', 'true')以及TexoTela plugin的jquery选项。他们似乎都更新了html，但浏览器仍显示用户选择的最后一项。

试用this fiddle ...选择下拉值1，然后点击链接。

有没有办法真正更新显示的值？

Answer 1

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

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

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

jsfiddle

您可以阅读.val() here的文档以及代码段：

  

检查或选择所有收音机   按钮，复选框和选择   与这组值匹配的选项。

为jQuery Mobile编辑

对于jQuery Mobile，您还需要刷新mobile docs中提到的选择：

  

如果您操纵选择通道   JavaScript，你必须调用刷新   方法就可以更新视觉效果   样式。

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

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

Answer 2

您正在将选项值设置为零。

设置选择不是选项val

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

你可能想要使用#id而不是'select'选择器。

Answer 3

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

.trigger("liszt:updated");

或

.trigger("chosen:updated");

只有一个可以使用，具体取决于您创建选择的方式。

它会像：

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