1

我想获取<select>元素的原始选定值，因为它是由初始 HTML 编写并由selected="selected". 例如，无论用户选择什么，mySel 的原始值都是 2。或者换句话说，我<select>想像使用下面的<input>元素一样获取元素的默认值。谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
        <title>Testing</title>  
        <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
        <script type="text/javascript"> 
            $(function(){
                $('#click').click(function(){
                    console.log($("#myInput").val(),$("#myInput").attr('value'));
                    console.log($("#mySel").val(),$("#mySel").attr('value'),$('#mySel option:selected').val());
                });
            });
        </script>
    </head>

    <body>
        <button id="click">Click</button>
        <input type="text" value="Default Value" id="myInput" name="myInput" class="valid">
        <select id="mySel" name="mySel">
            <option value="1">Value 1</option>
            <option value="2" selected="selected">Value 2</option>
            <option value="3">Value 3</option>
        </select>
    </body> 
</html>
4

2 回答 2

3

由于这被指定为属性，因此您可以选择：

$('#mySel option[selected]');

甚至

$('#mySel [selected]');

selected无论用户将其更改为什么，这都会选择原始值。

http://jsfiddle.net/mblase75/szT4w/

于 2013-05-06T16:23:06.477 回答
-1

用于获取选择元素的选择选项，如下所示：

$("#mySel option[selected]").val();

它会变魔术:)

于 2013-05-06T16:22:43.353 回答