列表中的選項是否可以在渲染後進行更改？

Question

我有一個w2ui窗體，其中包含一個w2ui刪除選項列表。根據用戶選擇提交表單的不同，選擇會有所不同。我的問題是：Drop List的內容可以在渲染後更改嗎？

使用標準的HTML控件，我會做這樣的事情：

$("#mySelect option[value='xyz']").remove(); 

或

$("#mySelect").append('<option value="abc">abc</option>'); 

難道這類型的操作與w2ui下拉列表來完成？任何示例代碼？

Answer 1

在w2ui 1.5中，您可以使用$jQueryElement.w2field()訪問w2fild對象 - 然後對其進行處理。

例子：

var field = $("#my_input").w2field(); 
field.options.items = ["my", "new", "items"]; 
// optionally: pre-select first item 
field.setIndex(0); 
// if you do NOT use "setIndex" you need to call "refresh" yourself! 
// field.refresh(); 

注：setIndex()內部調用refresh() - 所以如上所述，就不需要調用刷新自己在這種情況下。

如果您想要完全清除/清空您的字段，您可以撥打field.reset()。

---

編輯：

// Note: ``this`` refers to the w2form 
// ``field[8]`` refers to a field of type "select" 
    this.fields[8].options.items = ["my", "new", "items"]; 
    this.record = { 
    field_select: 'new' 
    }; 
    this.refresh();