我可以用 garlicjs 保留 chosenjs 选择吗
can I persist chosenjs selections with garlicjs
我有一个使用 chosenjs 进行多选的表单。我添加了 garlicjs 来保存数据,但如果我可以让选择的 js 选项保存下来,我就不会了。
这里是fiddle。
https://jsfiddle.net/dzyggftn/2139/
如果您在多选中添加了一些项目并在文本字段中输入了一个值,请在它们之间切换但不要点击提交,然后刷新页面。文本字段被保留,但 chosenjs 选项不是。
<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>
在文档就绪时为所选字段添加对 garlic 插件的调用。
https://jsfiddle.net/dzyggftn/2141/
$(function() {
$('.chosen-select').garlic();
})
我有一个使用 chosenjs 进行多选的表单。我添加了 garlicjs 来保存数据,但如果我可以让选择的 js 选项保存下来,我就不会了。
这里是fiddle。 https://jsfiddle.net/dzyggftn/2139/
如果您在多选中添加了一些项目并在文本字段中输入了一个值,请在它们之间切换但不要点击提交,然后刷新页面。文本字段被保留,但 chosenjs 选项不是。
<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>
在文档就绪时为所选字段添加对 garlic 插件的调用。
https://jsfiddle.net/dzyggftn/2141/
$(function() {
$('.chosen-select').garlic();
})