问jQuery主细节选择列表不起作用
EN

Stack Overflow用户

提问于 2015-12-02 06:06:54

回答 1查看 453关注 0票数 0

我试图隔离这个弹琴剧本，但由于某些原因，隔离无法工作，而firebug没有向控制台报告任何内容：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript">

        $("#sel2").prop("disabled", true);

        $( "#sel1" ).change(function() {
          var value = $(this).val();
            $("#sel2").prop("disabled", false);
            $("#sel2 > option").hide();
            $("#sel2 > option[value*='" + value +"']").show();
        });
        </script>       
    </head>
    <body>
        <form>
            <select name="mobile-phone" class="mobile-phone" id='sel1'>
                <option value="Select">Select</option>
                <option value="Nokia">Nokia</option>
                <option value="Samsung">Samsung</option>
                <option value="HTC">HTC</option>
                <option value="Apple">Apple</option>
            </select>
            <select name="mobile-model" class="mobile-model" id='sel2'>
                <option value="Select">Select</option>
                <option value="Nokia--Lumia-520">Lumia 520</option>
                <option value="Nokia--Lumia-620">Lumia 620</option>
                <option value="Samsung--Galaxy-s3">Galaxy S3</option>
                <option value="Samsung--Galaxy-s4">Galaxy S4</option>
                <option value="HTC--hero">Hero</option>
                <option value="HTC--one">One</option>
                <option value="Apple--iphone4">iPhone 4</option>
                <option value="Apple--iphone5">iPhone 5</option>
            </select>
        </form>
    </body>
</html>

有什么建议吗？

javascript

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-02 06:14:14

包装文档就绪函数

    $(document).ready(function()
    {
    $("#sel2").prop("disabled", true);

    $( "#sel1" ).change(function() {
        var value = $(this).val();
        if(value !="Select")
        {
            $("#sel2").prop("disabled", false);
            $("#sel2 > option").hide();
            $("#sel2 > option:eq(0)").prop('selected', true);
            $("#sel2 > option[value*='" + value +"']").show();
        }
        else
        {
            $("#sel2").prop("disabled", true)
        }
    });
    });

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34035961

复制

相似问题

问jQuery主细节选择列表不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery主细节选择列表不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery主细节选择列表不起作用
EN