select取值問題

時間 2019-11-12

標籤 select 取值問題简体版

原文原文鏈接

全棧攻城獅們給挖了各類坑..其中一個典型是select控件取值.直接上代碼:css

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

相關標籤/搜索