js获取select默认选中的Option并不是当前选中值


Posted in Javascript onMay 07, 2014

js函数方法:

<script> 
function getDefaultSelectedOption(selectId, valIfNull) { 
var dom, selectId = selectId.replace(/^#/, ''), opts; 
try { 
opts = document.getElementById(selectId).getElementsByTagName('option'); 
for (var i in opts) { 
if (opts[i].defaultSelected) { 
dom = opts[i]; 
break; 
} 
} 
} catch (e) { 
} 
return dom||valIfNull; 
} 
</script>

Demo:
<body> 
<select id="sel"> 
<option value="1">1</option> 
<option value="2" selected="">2</option> 
<option value="3">3</option> 
</select> 
<button id="btn">test</button> 
<script> 
function getDefaultSelectedOption(selectId, valIfNull) { 
var dom, selectId = selectId.replace(/^#/, ''), opts; 
try { 
opts = document.getElementById(selectId).getElementsByTagName('option'); 
for (var i in opts) { 
if (opts[i].defaultSelected) { 
dom = opts[i]; 
break; 
} 
} 
} catch (e) { 
} 
return dom||valIfNull; 
} 
</script> 
<script> 
document.getElementById('btn').onclick = function () { 
alert((getDefaultSelectedOption('sel1', {})).value); 
}; 
</script> 
</body>

不知道还有没有更方便快捷的方法,曾尝试通过jQuery获取$('#sel option[defaultSelected]'),可一直返回空。

各位园友,我要的是select控件初始化的值,非select当前选中的值,初始化的值不随select值改变,大家可以做一下Demo,当select值改变后,初始化的值是不会变的。

Javascript 相关文章推荐
JavaScript中两个感叹号的作用说明
Dec 28 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
AngularJS创建自定义指令的方法详解
Nov 03 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
Oct 24 Javascript
小程序点击图片实现自动播放视频
May 29 Javascript
JS求1到任意数之间的所有质数的方法详解
May 20 Javascript
Node.js 路由的实现方法
Jun 05 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
Javascript Worker子线程代码实例
Feb 20 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
iframe子页面与父页面在同域或不同域下的js通信
May 07 #Javascript
jquery文本框中的事件应用以输入邮箱为例
May 06 #Javascript
jquery删除数据记录时的弹出提示效果
May 06 #Javascript
js单词形式的运算符
May 06 #Javascript
js函数调用的方式
May 06 #Javascript
js使用ajax读博客rss示例
May 06 #Javascript
Android中的jQuery:AQuery简介
May 06 #Javascript
You might like
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
PHP文件操作详解
2016/12/30 PHP
动态表单验证的操作方法和TP框架里面的ajax表单验证
2017/07/19 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
一段实现页面上的图片延时加载的js代码
2010/02/11 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
jQuery实现仿百度帖吧头部固定导航效果
2015/08/07 Javascript
jQuery实现图像旋转动画效果
2016/05/29 Javascript
javascript基本语法
2016/05/31 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
JS排序算法之希尔排序与快速排序实现方法
2017/12/12 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
Django框架中的对象列表视图使用示例
2015/07/21 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
解决pycharm 工具栏Tool中找不到Run manager.py Task的问题
2019/07/01 Python
PyTorch里面的torch.nn.Parameter()详解
2020/01/03 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
Python 高效编程技巧分享
2020/09/10 Python
JVM是一个编译程序还是解释程序
2012/09/11 面试题
会计职业生涯规划范文
2014/01/04 职场文书
户外亲子活动策划方案
2014/02/07 职场文书
对孩子的寄语
2014/04/09 职场文书
公司周年庆典策划方案
2014/05/17 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
禁烟标语大全
2014/06/11 职场文书
敬老院献爱心活动总结
2014/07/08 职场文书
售房协议书
2014/08/19 职场文书
中学政教处工作总结
2015/08/13 职场文书
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers
nginx 配置缓存
2022/05/11 Servers