0

我正在使用 jquery asmselect。我想设置选择限制。我不知道该怎么做。请有人帮我解决我的问题。我的html代码

我的页面运行正常，但我想给出一个用户可以选择的限制 4。请帮我............

enter code here

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
        <script type="text/javascript" src="jquery.js"></script>
        <link rel="stylesheet" type="text/css" href="jquery.asmselect.css" />
        <script type="text/javascript" src="jquery.asmselect.js"></script>
        <script type="text/javascript">
                $(document).ready(function()
                    {
                         $("select[multiple]").asmSelect({
                       addItemTarget: 'bottom',
                       animate: true,
                           highlight: true,
                           sortable: true
                           });
                      }); 
          </script>
    </head>
    <body>
           <form action="">
               <select multiple="multiple" name="city" id="citty">
            <option value=""  selected="selected">-Select City-</option>
        <option value="1">Anugul</option>
        <option value="2">Asika</option>
        <option value="3">Balangir</option>
        <option value="4">Balasore</option>
        <option value="5">Barbil</option>
        <option value="6">Bargarh</option>
        <option value="7">Baripada</option>
        <option value="8">Basudebpur</option>
        <option value="9">Belpahar</option>
        </select>
           </form>
    </body>
 </html>
4

1 回答 1

0

看看这个jsfiddle

            $("select[multiple]").change(function(){
                var noOfItemsSelected = $("select[multiple] option:selected").length;
                if(noOfItemsSelected === 4){
                    $("select[class=asmSelect]").prop('disabled', true);
                }else{
                    $("select[class=asmSelect]").prop('disabled', false);
                }        
            });
于 2013-04-10T12:24:57.143 回答