更新選擇使用jQuery的下拉列表的價值PyroCMS

Question

我面臨的一個模塊的開發有點問題爲PyroCMS。

我想更新動態使用jQuery的下拉列表。 我想設置所選擇的選項，但它似乎並沒有工作，因爲下拉列表是不是默認的瀏覽器之一。

我嘗試這樣做：

$('select[name=item-type] option[value='+type+']').attr('selected', 'selected'); 

，但沒有更新UI。

Answer 1

最後我找到了解決辦法。

下拉自定義用戶界面是由一種叫做Chosen插件供電。

編輯DOM元素不會更新選定的下拉式UI，因爲此插件不動態偵測其附加的<select>。你需要明確地告訴選擇你剛剛通過發起一個事件來更新DOM。

直到版本2.3 PyroCMS使用獲選0.9，所以你可能會引發這樣的事件：

$('select.any-selector').trigger("liszt:updated"); 

---

是完整的，與獲選1.0事件發生了變化，你必須使用：

$("select.any-selector").trigger("chosen:updated"); 

---

參考文獻：

• https://forum.pyrocms.com/discussion/19059
• 選的網站：http://harvesthq.github.io/chosen/
• 選上的GitHub庫：https://github.com/harvesthq/chosen
• 在Github上system/cms/themes/pyrocms/js/plugins.js

Answer 2

PyroCMS plugin.js我已經得到了解決

兩個變化所需

使用

的

$('.selector').chosen().change(function() { 
}); 

代替

$('.selector').change(function() { 
}); 

，當你想更新一個下拉使用

$('.selector').trigger("liszt:updated"); 

，在這裏你去... 玩得開心！