select取值问题

时间：2022-11-15 14:49:37

全栈攻城狮们给挖了各种坑..其中一个典型是select控件取值.直接上代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    号码: <select id="number">

        <option>全部</option>

        <option value="1">1号</option>

        <option value="2">2号</option>

    </select>

    类型: <select id="type">

        <option value>全部</option>

        <option value="1">类型1</option>

        <option value="2">类型2</option>

    </select>

    代码: <select id="code">

        <option value="">全部</option>

        <option value="1">代码1</option>

        <option value="2">代码2</option>

    </select>

</head>

<body>

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<script>

    $(function(){

        var number=$('#number').val();

        var type=$('#type').val();

        var code=$('#code').val();

        alert('number:'+number+' type:'+type+' code:'+code);

        //谷歌和火狐下: number:全部 type: code:

        //IE9下:        number:全部 type:全部 code:

    });

</script>

</body>

</html>

相关文章