爲什麼Javascript事件與實際用戶事件有所不同？

Question

爲什麼Javascript事件與實際用戶事件有所不同？我正在嘗試更新javascript的select2輸入。

如果我使用...

$('#s2id_autogen12').val("Single").trigger("input"); 

...選擇值「單」，從一個select2輸入，值似乎改變（雖然「無」仍是可見的），但事件實際上並不會觸發，而下拉菜單顯示爲用戶正處於某個操作的中間（在輸入框下方延伸，就好像它們處於選區中間並凍結在那裏一樣）。

Select2似乎過於詳細和複雜。我已經刪除了一堆Angular，以使生成的HTML結構更易於在下面查看。

Select2 input/select

我嘗試添加...

$('[Name="IO:4d4240604f235600d70f4c111310c728"]').val("Single").trigger("change"); 
$('[Name="IO:4d4240604f235600d70f4c111310c728"]')[0][1].selected=true; 

...但我根本無法獲得選擇二以編程方式更新。有任何想法嗎？

Answer 1

您發佈了代碼的屏幕截圖，而不是實際的代碼。

但是看起來你的問題是一個錯字。 「單身」應該是「單身」。

嘗試以下操作：

$('[Name="IO:4d4240604f235600d70f4c111310c728"]').val('single').trigger('change'); 

注意小寫single;