防止在jQuery ASM选择中选择所有可用选项

时间:2016-10-18 17:21:08

标签: jquery asmselect

this page - 当你开始输入城市名称'hong ..'而不是从下拉列表中选择时,'香港'和'檀香山'都被选中(有时候'休斯顿'也取决于如何快你输入)。

任何人都可以帮我防止同时选择 - 在我输入4个字符之前不要选择任何一个吗? TIA

这是我使用http://www.ryancramer.com/projects/asmselect/jquery.asmselect.js

的库

从我的页面打电话

<script type="text/javascript">

    $(document).ready(function() {
        $("select[multiple]").asmSelect({
            addItemTarget: 'bottom',
            animate: true,
            highlight: true,
            sortable: true
        });

    }); 

</script>
<select id="cities" multiple="multiple" name="cities[]" title="Click to Select a City">
                    <option>Amsterdam</option>      
                    <option>Atlanta</option>
                    <option>Baltimore</option>
                    <option>Boston</option>
                    <option>Buenos Aires</option>
                    <option>Calgary</option>
                    <option>Chicago</option>
                    <option>Denver</option>
                    <option>Dubai</option>
                    <option>Frankfurt</option>
                    <option>Hong Kong</option>
                    <option>Honolulu</option>
                    <option>Houston</option>
                    <option>Kuala Lumpur</option>
                    <option>London</option>
                    <option>Los Angeles</option>
                    <option>Melbourne</option>
                    <option>Mexico City</option>
                    <option>Miami</option>
                    <option>Minneapolis</option>
                    <option>Montreal</option>
                    <option>New York City</option>
                    <option>Paris</option>
                    <option>Philadelphia</option>
                    <option>Rotterdam</option>
                    <option>San Diego</option>
                    <option>San Francisco</option>
                    <option>Sao Paulo</option>
                    <option>Seattle</option>
                    <option>Seoul</option>
                    <option>Shanghai</option>
                    <option>Singapore</option>
                    <option>Sydney</option>
                    <option>Tokyo</option>
                    <option>Toronto</option>
                    <option>Vancouver</option>
    </select>

1 个答案:

答案 0 :(得分:0)

但是这个组件没有提示输入文本,只有多个select.To jQuery我使用名为autoComplete的光库,检查看auto-complete