利用Jquery來計算元素的數量？

我想知道如果jQuery的可以用來操縱我的「選擇」 HTML元素，例如：利用Jquery來計算元素的數量？

我有三個不同的會員，金卡，銀卡和高檔，

那麼黃金將允許用戶選擇。多達50個單詞，而Silver將允許用戶選擇多達10個單詞。所以我想知道，如果我可以禁用用戶選擇10或50後取決於選擇的成員類型的其餘選項。

在JQuery中可能嗎？似乎無法讓我的頭在格式。

2012-03-29 Stanwin Siow

這裏，我們去：

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery.min.js"></script> 
    <script> 
     $('document').ready(function() { 
      var count; // number of selected elements 
      var type = "silver"; //lets assume the 'type' as silver and can select 3 elements 

      $('#selectElem').bind('click', function (e) { 
       count = $('#selectElem :selected').length; 
       switch (type) { 
       case "gold": 
        //do somthing.. 
        break; 
       case "silver": 
        if(count >= 3) { 
         // disable the rest of the elems 
         $('#selectElem :not(:selected)').attr('disabled', 'disabled'); 
        } else { 
         // remove disabled elems if any 
         $('#selectElem :not(:selected)').removeAttr('disabled'); 
        }     
        break; 
       } 
      }); 
     });  
    </script> 
</head> 

<body> 
    <div> 
     <select id="selectElem" multiple="multiple"> 
      <option value="1">One</option> 
      <option value="2">Two</option> 
      <option value="3">Three</option> 
      <option value="4">Four</option> 
      <option value="5">Five</option> 
      <option value="6">Six</option> 
      <option value="7">Seven</option> 
     </select> 
    </div> 
</body> 
</html>

例子：http://jsfiddle.net/kadaj/RRHCs/

來源

2012-03-29 06:50:09 boring

謝謝@kadaj！真正有用的帖子！：我欣賞它。 – 2012-03-29 07:28:27

利用Jquery來計算元素的數量？

回答

相關問題