如何使用 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 而不是僅使用“選擇”選擇器。