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 相关文章推荐
js 日期转换成中文格式的函数
Jul 07 Javascript
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
May 07 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
JS中常用的正则表达式
Sep 29 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 Javascript
vue文件运行的方法教学
Feb 12 Javascript
微信公众号平台接口开发 菜单管理的实现
Aug 14 Javascript
Quasar Input:type=&quot;number&quot; 去掉上下小箭头 实现加减按钮样式功能
Apr 09 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
xml+php动态载入与分页
2006/10/09 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
php MessagePack介绍
2013/10/06 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
Prototype Selector对象学习
2009/07/23 Javascript
js 窗口抖动示例
2013/09/04 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
jQuery实现的经典滑动门效果
2015/09/22 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
nginx部署访问vue-cli搭建的项目的方法
2018/02/12 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
[02:45]DOTA2英雄敌法师基础教程
2013/11/25 DOTA
在Django中创建动态视图的教程
2015/07/15 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
使用python绘制常用的图表
2016/08/27 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
python爬虫之遍历单个域名
2019/11/20 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
学python需要去培训机构吗
2020/07/01 Python
animation和transition的区别
2020/10/12 HTML / CSS
蔻驰英国官网:COACH英国
2020/07/19 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
医学院四年学习生活的自我评价
2013/11/06 职场文书
初中数学教学反思
2014/01/16 职场文书
初三学习计划书范文
2014/04/30 职场文书
就业协议书
2014/09/12 职场文书
公司股东出资证明书
2014/11/01 职场文书
2015元旦标语横幅
2014/12/09 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技