Jquery 波多黎各 罗德岛 南卡罗来纳州 南达科他州 田纳西州 得克萨斯州 犹他州 佛蒙特州 弗吉尼亚州 华盛顿 西弗吉尼亚州 威斯康星州 怀俄明州 您计划在这里使用什么（UX）？当您单击Selec2外部的按钮时，select2将自动关闭，因为它会失去焦点。能否为s

波多黎各 罗德岛 南卡罗来纳州 南达科他州 田纳西州 得克萨斯州 犹他州 佛蒙特州 弗吉尼亚州 华盛顿 西弗吉尼亚州 威斯康星州 怀俄明州

---

您计划在这里使用什么（UX）？当您单击Selec2外部的按钮时，select2将自动关闭，因为它会失去焦点。能否为select2元素本身添加一个按钮？现实世界的用例是某人有一个帐户列表，其中许多属于同一家公司（例如：“Acme软件”、“Acme Shipping”、“Acme Logicistics”）。而不是让他们键入“Acme”3次，然后单击每一个，向下过滤到3个Acme业务（就像在select2中键入一样），然后单击一个按钮来选择所有可见的项目。示例模拟：完美，谢谢！不需要悬赏（我会在评论后马上奖励），因为我看到了这一点，但我在JSFIDLE中遇到了问题。。。有什么线索吗？我对代码做了一些修改。不知道为什么它会抛出克隆错误。在fiddle中检查我的更新代码。我已经评论了resultNode$

<select name='state' id='state' multiple='multiple'>
                    <option value='null'> - Please Select - </option>
                    <option value='AL'>Alabama</option>
                    <option value='AK'>Alaska</option>
                    <option value='AZ'>Arizona</option>
                    <option value='AR'>Arkansas</option>
                    <option value='CA'>California</option>
                    <option value='CO'>Colorado</option>
                    <option value='CT'>Connecticut</option>
                    <option value='DE'>Delaware</option>
                    <option value='DC'>District Of Columbia</option>
                    <option value='FL'>Florida</option>
                    <option value='GA'>Georgia</option>
                    <option value='HI'>Hawaii</option>
                    <option value='ID'>Idaho</option>
                    <option value='IL'>Illinois</option>
                    <option value='IN'>Indiana</option>
                    <option value='IA'>Iowa</option>
                    <option value='KS'>Kansas</option>
                    <option value='KY'>Kentucky</option>
                    <option value='LA'>Louisiana</option>
                    <option value='ME'>Maine</option>
                    <option value='MD'>Maryland</option>
                    <option value='MA'>Massachusetts</option>
                    <option value='MI'>Michigan</option>
                    <option value='MN'>Minnesota</option>
                    <option value='MS'>Mississippi</option>
                    <option value='MO'>Missouri</option>
                    <option value='MT'>Montana</option>
                    <option value='NE'>Nebraska</option>
                    <option value='NV'>Nevada</option>
                    <option value='NH'>New Hampshire</option>
                    <option value='NJ'>New Jersey</option>
                    <option value='NM'>New Mexico</option>
                    <option value='NY'>New York</option>
                    <option value='NC'>North Carolina</option>
                    <option value='ND'>North Dakota</option>
                    <option value='OH'>Ohio</option>
                    <option value='OK'>Oklahoma</option>
                    <option value='OR'>Oregon</option>
                    <option value='PA'>Pennsylvania</option>
                    <option value='PR'>Puerto Rico</option>
                    <option value='RI'>Rhode Island</option>
                    <option value='SC'>South Carolina</option>
                    <option value='SD'>South Dakota</option>
                    <option value='TN'>Tennessee</option>
                    <option value='TX'>Texas</option>
                    <option value='UT'>Utah</option>
                    <option value='VT'>Vermont</option>
                    <option value='VA'>Virginia</option>
                    <option value='WA'>Washington</option>
                    <option value='WV'>West Virginia</option>
                    <option value='WI'>Wisconsin</option>
                    <option value='WY'>Wyoming</option>
</select>
<input type='button' id='all_visible' value='Select Visible' />
<script>
    jQuery('#state').select2();

    jQuery('#all_visible').click(function() {
         var visible = null; // TODO: how do we grab the filtered list?
         jQuery('#state').val(visible).trigger('change');
    });
</script>