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调用WebService的示例
Apr 07 Javascript
javascript 写类方式之十
Jul 05 Javascript
javascript中的startWith和endWith的几种实现方法
May 07 Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 Javascript
jquery实现鼠标滑过小图时显示大图的方法
Jan 14 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
vue组件实现移动端九宫格转盘抽奖
Oct 16 Javascript
用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
第十二节 类的自动加载 [12]
2006/10/09 PHP
发布一个用PHP fsockopen写的HTTP下载的类
2007/02/22 PHP
php学习之运算符相关概念
2011/06/09 PHP
php模拟js函数unescape的函数代码
2012/10/20 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
php判断文件上传类型及过滤不安全数据的方法
2014/12/17 PHP
PHP使用JpGraph绘制折线图操作示例【附源码下载】
2019/10/18 PHP
JavaScript获取GridView选择的行内容
2009/04/14 Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JS获取鼠标坐标并且根据鼠标位置不同弹出不同内容
2017/06/12 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
2017/10/06 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
微信web端后退强制刷新功能的实现代码
2018/03/04 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
layui使用表格渲染获取行数据的例子
2019/09/13 Javascript
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
python调用webservice接口的实现
2019/07/12 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
护理专科毕业生自荐书范文
2014/02/19 职场文书
学生社团文化节开幕式主持词
2014/03/28 职场文书
村居抓节水倡议书
2014/05/19 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript