javascript据option的value值快速设定初始的selected选项


Posted in Javascript onAugust 13, 2007

<!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=gb2312" />
<title>written by misshjn</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function test(value){
 var opt = document.getElementById("ss").innerHTML.toString();
 var re = new RegExp(value,"g");
 opt = opt.replace(/<OPTION|<\/OPTION>| selected|value/g,"").match(/=.*?>/g).toString().replace(/=|>/g,"").replace(re,"┢").replace(/[^,┢]/g,"").indexOf("┢");
 document.getElementById("ss").getElementsByTagName("option")[opt].selected = true;
}
function randomselect(){
 document.getElementById("ss").getElementsByTagName("option")[Math.floor(Math.random()*document.getElementById("ss").getElementsByTagName("option").length)].selected = true;
}
//-->
</SCRIPT>
</head>
<body>
<!--
<select id="ss">
<option value="1998">1998年</option>
<option value="1999">1999年</option>
<option value="2000">2000年</option>
<option value="2001">2001年</option>
<option value="2002">2002年</option>
<option value="2003">2003年</option>
<option value="2004">2004年</option>
<option value="2005">2005年</option>
</select>
-->
<SCRIPT LANGUAGE="JavaScript">
<!--
var opts;
for (i=1900; i<2008; i++){
 opts +="<option value='"+i+"'>第 "+i+" 年</option>";
}
document.write("<select id='ss'>"+opts+"</select>");
//-->
</SCRIPT>
<input type="button" value="选中 value=2001 的选项" onclick="test('2001')">
<input type="button" value="随机选择" onclick="randomselect()">
</body>
</html>

Javascript 相关文章推荐
jquery 学习之二 属性 文本与值(text,val)
Nov 25 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
jQuery之排序组件的深入解析
Jun 19 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
Aug 05 Javascript
react中使用swiper的具体方法
May 15 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
解决Vue-cli无法编译es6的问题
Oct 30 Javascript
vue3中的组件间通信
Mar 31 Vue.js
用js实现随机返回数组的一个元素
Aug 13 #Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 #Javascript
用JavaScript 处理 URL 的两个函数代码
Aug 13 #Javascript
增强的 JavaScript 的 trim 函数的代码
Aug 13 #Javascript
让回调函数 showResponse 也带上参数的代码
Aug 13 #Javascript
分析 JavaScript 中令人困惑的变量赋值
Aug 13 #Javascript
IE/FireFox具备兼容性的拖动代码
Aug 13 #Javascript
You might like
让CodeIgniter数据库缓存自动过期的处理的方法
2014/06/12 PHP
Yii2 rbac权限控制之rule教程详解
2016/06/23 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
PHP如何获取Cookie并实现模拟登录
2020/07/16 PHP
如何阻止复制剪切和粘贴事件为了表单内容的安全
2013/05/23 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
jquery遍历json对象集合详解
2016/05/18 Javascript
NodeJS遍历文件生产文件列表功能示例
2017/01/22 NodeJs
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
2017/04/21 Javascript
图文介绍Vue父组件向子组件传值
2018/02/17 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
Python中super关键字用法实例分析
2015/05/28 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
python链表类中获取元素实例方法
2021/02/23 Python
房产代理公证处委托书
2014/04/04 职场文书
小学生期末评语
2014/04/21 职场文书
理想演讲稿范文
2014/05/21 职场文书
党性锻炼的心得体会
2014/09/03 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
法定授权委托证明书
2015/06/18 职场文书
详解Redis复制原理
2021/06/04 Redis
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL