javascript - 获取选择元素的初始选择值

标签 javascript jquery html

我想获得一个<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> 

最佳答案

由于这是指定为属性,您可以选择:

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

甚至

$('#mySel [selected]');

这将选择原始的 selected 值,无论用户将其更改为什么。

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

关于javascript - 获取选择元素的初始选择值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16402816/

相关文章:

php - 从 MySQL 检索数据到 HTML

javascript - Angular - 如何从 DOM 中删除我使用过 $compile 的元素?

javascript - 执行两个不同操作的表单

javascript - 类型化js在中间人中不起作用

c# - 如何使用 jQuery 淡入服务器控件?

html - Material Design Lite - 卡片支持文本在网格内时不会随着更大的卡片展开

javascript - 关注 jQuery Mobile pageshow 事件不渲染

javascript - 对 n 列平均使用剩余空间

javascript - 在 Javascript 中提交数据

html - 随机选择音频文件(onclick效果)