如何在选择中禁用输入和选项的顺序

时间:2014-08-28 07:33:25

标签: javascript jquery selectize.js

我正在使用selectize0.11.0。我有一个<select>

我需要这样做。

  1. 禁用输入选择的订单。
  2. 禁用选项顺序。
  3. 首先我选择多个选项,然后我总结表单。 假设:我选择third,然后选择first

    选择的<input>应为[third first]

    当我重新提交表单而不更改任何内容时,刷新后的页面不会更改<select>中的选项顺序和<input>中的文本顺序。

    选择代码:

    <select id="id_sel" multiple='multiple'>
        <option selected='selected' value='1'>first</option>
        <option value='2'>second</option>
        <option selected='selected' value='3'>third</option>
    </select>
    

    我尝试了什么:

    $('#{{ filterform.plf.auto_id }}').selectize({maxItem:2});
    plf_sel = $('#{{ filterform.plf.auto_id }}')[0].selectize;
    plf_sel.clear();
    plf_sel.clearOptions();
    plf_sel.renderCache['option'] = {};
    plf_sel.renderCache['item'] = {};
    plf_sel.addOption(plf_sel_option);
    plf_sel.setValue(plf_sel_option[0].value);
    //plf_sel.setValue(plf_sel_option[1].value);
    

    我丢失了一个值,因为setValue只设置了一个值。

    我把它放在jsfiddle jsfiddle上,但它不能simulate提交。怎么做? 感谢。

1 个答案:

答案 0 :(得分:1)

好吧,我将setValue()更改为addItems()以解决该问题,因为setValue()首先清除所有项目,然后通过调用addItems()一次添加项目。