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 相关文章推荐
JavaScript 内置对象属性及方法集合
Jul 04 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
Jquery弹出层插件ThickBox的使用方法
Dec 09 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
Dec 20 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
javascript实现前端分页功能
Nov 26 Javascript
简单聊聊Vue中的计算属性和属性侦听
Oct 05 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
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php单例模式实现方法分析
2015/03/14 PHP
php实现可运算的验证码
2015/11/10 PHP
Flash+XML滚动新闻代码 无图片 附源码下载
2007/11/22 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
javascript常见用法总结
2014/05/22 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
JavaScript实现简单获取当前网页网址的方法
2015/11/09 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
2016/12/08 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
jQuery插件扩展操作入门示例
2017/01/16 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
详解javascript void(0)
2020/07/13 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
学习 Vue.js 遇到的那些坑
2021/02/02 Vue.js
Python创建xml文件示例
2017/03/22 Python
利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
2017/08/08 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
python相对企业语言优势在哪
2020/06/12 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
车间机修工岗位职责
2014/02/28 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
新员工试用期自我评价
2015/03/10 职场文书
Python字符串的转义字符
2022/04/07 Python
Python matplotlib安装以及实现简单曲线的绘制
2022/04/26 Python
Redis基本数据类型String常用操作命令
2022/06/01 Redis
html中两种获取标签内的值的方法
2022/06/16 jQuery