利用Jquery计算元素的数量？_Jquery_Select

利用Jquery计算元素的数量？

jquery select

利用Jquery计算元素的数量？,jquery,select,Jquery,Select,我想知道jquery是否可以用来操纵我的“select”html元素：我有三种不同的会员资格，黄金、白银和高级因此，黄金将允许用户选择最多50个单词，而白银将允许用户选择最多10个单词。所以我想知道，在用户根据所选成员类型选择10或50后，是否可以禁用其余选项这在JQuery中可能吗？似乎无法理解格式。我们开始： <!DOCTYPE html> <html> <head> <script src="http://code.jquery.co

我想知道jquery是否可以用来操纵我的“select”html元素：

我有三种不同的会员资格，黄金、白银和高级

因此，黄金将允许用户选择最多50个单词，而白银将允许用户选择最多10个单词。所以我想知道，在用户根据所选成员类型选择10或50后，是否可以禁用其余选项

这在JQuery中可能吗？似乎无法理解格式。

我们开始：

<!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>


$（'document'）.ready（函数（）{
var count；//所选元素的数量
var type=“silver”；//假设“type”为silver，可以选择3个元素
$（'selectElem'）.bind（'click'，函数（e）{
计数=$（'#selectElem:selected'）。长度；
开关（类型）{
案例“黄金”：
//做某事。。
打破
“银”案：
如果（计数>=3）{
//禁用其余元素
$（'#selectElem:not（：selected）.attr（'disabled'，'disabled'）；
}否则{
//删除禁用的元素（如果有）
$（'#selectElem:not（：selected'）。removeAttr（'disabled'）；
}                
打破
}
});
});    
一个
两个
三
四
五
六
七

示例：

谢谢@kadaj！非常有用的帖子！：我很感激。