jQuery如何获取select下被option选中的id值 <select> <option value="12" id="56">89</option><select>

例如我选中了 89这一项,那89这一项的ID如何获取呢?当然要实现同时取两个值,有没有别的办法?

获取select下被option选中的id值可用如下代码:

$("select option:checked").attr("id")

    示例如下:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>TEST</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
    select{width:200px;height:30px;border:1px solid green;border-radius:5px;}
    </style>
    <script>
    $(function(){
    $("select").change(function() {
    alert($(this).find("option:checked").attr("id"));
    });
    })
    </script>
    </head>
    <body>
    <select>
    <option value="12" id="56">89</option>
    <option value="23" id="45">78</option>
    <option value="34" id="34">67</option>
    </select>
    </body>
    </html>

    显示效果

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-26
$("select option:selected").attr("id");
$("select option:selected").val();本回答被提问者和网友采纳
相似回答