在此页面中 - 当您开始输入城市名称“hong..”而不是从下拉菜单中选择时,“Hong Kong”和“Honolulu”都会被选中(有时也会选择“Houston”,具体取决于您输入的速度)。
任何人都可以帮助我防止同时选择两者 - 在我输入 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>