如何更改與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的選擇框中呈現的選定選項

回答

相關問題