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 相关文章推荐
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
JS使用正则截取两个字符串之间的字符串实现方法详解
Jan 06 Javascript
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
JS实现显示当前日期的实例代码
Jul 03 Javascript
jquery.pagination.js分页使用教程
Oct 23 jQuery
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
Vue传参一箩筐(页面、组件)
Apr 04 Javascript
JS创建自定义对象的六种方法总结
Dec 15 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
AM/FM收音机的安装与调试
2021/03/02 无线电
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
浅谈PHP与C#的值类型指向区别的详解
2013/05/21 PHP
php使用curl发送json格式数据实例
2013/12/17 PHP
thinkPHP中分页用法实例分析
2015/12/26 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
Microsfot .NET Framework4.0框架 安装失败的解决方法
2013/08/14 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
javascript中this的四种用法
2015/05/11 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
实现React单页应用的方法详解
2016/08/02 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
python使用cPickle模块序列化实例
2014/09/25 Python
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Python下的常用下载安装工具pip的安装方法
2015/11/13 Python
详解Python验证码识别
2016/01/25 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
用python写扫雷游戏实例代码分享
2018/05/27 Python
Python中的取模运算方法
2018/11/10 Python
Python实现钉钉订阅消息功能
2020/01/14 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
厉行勤俭节约倡议书
2014/05/16 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
2015年技术员工作总结
2015/04/10 职场文书
2015国庆节宣传语
2015/07/14 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
试用1103暨1103、1101同门大比武 [ DAIWEI ]
2022/04/05 无线电