Javascript 获取选定元素的初始选定值_Javascript_Jquery_Html

Javascript 获取选定元素的初始选定值

javascript jquery html

Javascript 获取选定元素的初始选定值,javascript,jquery,html,Javascript,Jquery,Html,我想获得元素的原始选定值，因为它是由初始HTML编写的，由selected=“selected”定义的。例如，无论用户选择什么，mySel的原始值都是2。或者换句话说，我希望获得元素的默认值，就像我使用下面的元素一样。多谢各位 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

我想获得

元素的原始选定值，因为它是由初始HTML编写的，由

selected=“selected”

定义的。例如，无论用户选择什么，mySel的原始值都是2。或者换句话说，我希望获得

元素的默认值，就像我使用下面的

元素一样。多谢各位

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


测试
$（函数（）{
$（'#click'）。单击（函数（）{
log（$（“#myInput”）.val（），$（“#myInput”）.attr（'value'）；
console.log（$（“#mySel”）.val（），$（“#mySel”）.attr（'value'），$（“#mySel选项：选定”）.val（）；
});
});
点击
值1
价值2
价值3

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

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

它将发挥神奇的作用：）

因为它被指定为一个属性，所以您可以选择：

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

甚至

$('#mySel [selected]');

这将选择原始的

选定值

，无论用户将其更改为什么

您是否关心它是否适用于

？@zzzzBov。不，我不知道。这将返回用户选择的内容，不一定返回HTML最初标记为已选择的内容。这当然会选择具有

[selected]

属性的所有元素，如果是

选择[multiple]

元素，这可能是错误或故意的。此外，如果没有

选项[所选]

元素，这将不起作用，在这种情况下，您应该返回到第一个

选项

元素。