Question

我想获取<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>

Answer 1

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

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

甚至

$('#mySel [selected]');

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

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

Answer 2

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

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

它会做出魔术：）

获取select元素的初始选定值

2 个答案: