Questions tagged «jquery-chosen»

拣选和选择二是扩展selectboxes两种比较流行的库。 两者似乎都得到了积极的维护，Chosen较旧并且支持jQuery和Prototype。 Select2仅是jQuery，其文档说Select2受到选择的启发，但没有详细说明所做的任何改进（如有）或其他重写原因。 两个库具有几乎相同的功能集，我发现的唯一比较是一个不确定的jsperf测试页。 这些库中的任何一个都比其他库有什么优势吗？

157 javascript  jquery-chosen  jquery-select2 

我正在尝试使用“选择的插件”更改select中的当前选定选项。 该文件介绍了更新列表以及在选择选项时触发事件，但是在外部更改当前选择的值方面没有任何作用（我可以看到）。 我制作了一个jsFiddle来演示代码和更改选择的尝试方法： $('button').click(function() { $('select').val(2); $('select').chosen().val(2); $('select').chosen().select(2); });

105 javascript  jquery  select  jquery-chosen 

我有一个选择div，我正在使用选择的jquery插件来设置样式和添加功能（最值得注意的是搜索）。div看起来像这样， <select data-placeholder="add a foobar" id="foobar" style="width: 350px;"> <option value=""></option> </select> 我正在使用这样选择的插件 $('#foobar').chosen(); 在加载一些AJAX时，我想禁用整个<select>div。也许像这样 $('#foobar').disable() 或这个 $('#foobar').prop('disabled', true) 我想你应该已经明白了。 有关如何执行此操作的任何想法？我已经尝试了许多不同的方法，例如使用jquery惯用法来禁用事物，禁用，<select>这只会禁用基础选择，而不是其上的所选内容。我什至采取了手动添加另一个具有高的divz-index来使框变灰的方法，但是我认为这可能很丑陋且有问题。 谢谢您的帮助！

88 javascript  jquery  jquery-chosen 

我使用Jquery Chosen插件select的形式有很多元素。如何重置表格？以下内容不起作用： <input type="reset" />

80 javascript  jquery  jquery-plugins  jquery-chosen 

我有一些<select>使用所选插件的输入，这些输入要在客户端验证为“必需”。由于“选择”会隐藏实际的select元素并创建具有div和spans的小部件，因此本机HTML5验证似乎无法正常工作。表单不会提交（很好），但是不会显示错误消息，因此用户不知道出了什么问题（不好）。 我转向了jQuery验证插件（无论如何我最终还是打算使用该插件），但是到目前为止还没有任何运气。这是我的测试用例： <form> <label>Name: <input name="test1" required></label> <label>Favorite Color: <select name="test2" required> <option value=""></option> <option value="red">Red</option> <option value="blue">Blue</option> <option value="green">Green</option> </select> </label> <input type="submit"> </form> $(document).ready(function(){ $('select').chosen(); $('form').validate(); }); 这是使通配符为select空值，而不验证或显示错误消息。当我注释掉该chosen()行时，它工作正常。 如何chosen()使用jQuery验证插件验证输入，并显示无效消息的错误消息？

77 jquery  jquery-validate  jquery-chosen 

我尝试了很多事情，但似乎没有任何效果。 我正在使用jQuery和Chosen插件。 我尝试过的方法： var select = jQuery('#autoship_option'); select.val(jQuery('options:first', select).val()); jQuery('#autoship_option').val(''); jQuery('#autoship_option').text(''); jQuery('#autoship_option').empty(''); jQuery("#autoship_option option[value='']").attr('selected', true); 选择后，它始终显示“活动自动装载”选项。我似乎无法清除选择。 这是选择框： <select id="autoship_option" data-placeholder="Choose Option..." style="width: 175px;" class="chzn-select"> <option value=""></option> <option value="active">Active Autoship</option> </select> 有人熟悉“选择”并且能够清除一个选项的选择框吗？（将来它将有更多选择。

74 jquery  jquery-chosen 

我正在尝试清除jQuery选择下拉列表并刷新它。 HTML： <select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"> <option value="" selected="selected"></option> <option value="x">remove me</option> </select> 当我单击“刷新”按钮时，它应变为： <select data-placeholder="Select Picture..." class="chosen-select" style="width:250px;" id="picturegallery" tabindex="2"> <option value="1">test</option> </select> 我试过的 $("#refreshgallery").click(function(){ $('#picturegallery').empty(); var newOption = $('<option value="1">test</option>'); $('#picturegallery').append(newOption); }); 但是我无法更新下拉列表...有帮助吗？:)

72 jquery  jquery-chosen