如何更改与jquery的选择框中呈现的选定选项

我已经尝试了很多方法来选择包含jQuery的选项，包括.val("0").attr('selected', 'selected')和.attr('selected', 'true')和TexoTela plugin。他们似乎都在更新html，但浏览器仍显示用户选择的最后一个项目。如何更改与jquery的选择框中呈现的选定选项

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

有什么办法来实际更新显示值？

来源

2011-06-03 user472749

你的意思是改变哪个项目被选中？

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

还有其他的方法，但是这是基本的，下面的例子。

jsfiddle

您可以在documenation读了为.val()here，和片段：

检查，或选择，所有的无线电按钮，复选框，并选择符合该选项一组值。

编辑jQuery Mobile的

的jQuery Mobile，您还需要刷新选择作为mobile docs提到：

如果通过 JavaScript操作一个选择，你必须调用更新方法就可以更新视觉样式。

您可以通过此操作：

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

来源

2011-06-03 03:09:09 WSkid

看起来像我不得不选择搞砸了。谢谢你看看 – user472749 2011-06-03 03:12:17

看起来像jQuery手机显示了旧的价值，这是抛弃我。必须运行.selectmenu（'refresh'，true）;在上面。 – user472749 2011-06-03 03:20:52

谢谢指出！我更新了包含该信息的答案，并链接到了移动文档。 – WSkid 2011-06-03 03:26:19

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

设置选择不是选项VAL

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

，你可能会想使用#ID而不只是“选择”选择。

来源

2011-06-03 03:08:40 mikey

还在用你的.val("0")设置的值，并在您需要使用下列之一的浏览器更新：

.trigger("liszt:updated");

或

.trigger("chosen:updated");

只有一个人会工作，这取决于你如何创建你的选择。

这会是这样的：

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

来源

2014-12-12 13:33:57 Lehme

如何更改与jquery的选择框中呈现的选定选项

回答

相关问题