我有一个表单,使用selectedjs进行多选。我添加了garlicjs来保存数据,但我不是因为我可以选择坚持选择。
这是小提琴。 https://jsfiddle.net/dzyggftn/2139/
如果您在多选中添加一些项目并在文本字段中输入值,请选中它们但不要点击提交,然后刷新页面。文本字段是持久的,但selectedjs选项不是。
<form data-persist="garlic" method="POST">
<div>
<select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">
<option value=""></option>
<option value="Any">[Any]</option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
</select>
</div>
<div>
input one<input type="text" name="one"/>
</div>
<div>
input two<input type="text" name="two" />
</div>
<div>
input three<input type="text" name="three" />
</div>
<input type="submit"/>
</form>
在文档就绪时为所选字段添加对大蒜插件的调用。
https://jsfiddle.net/dzyggftn/2141/
$(function() {
$('.chosen-select').garlic();
})