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实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
Aug 25 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 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
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
jQuery页面加载初始化常用的三种方法
2014/06/04 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
seajs模块之间依赖的加载以及模块的执行
2016/10/21 Javascript
Jquery Easyui对话框组件Dialog使用详解(14)
2016/12/19 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
Vue.js如何使用Socket.IO的示例代码
2019/09/05 Javascript
解决layui弹出层layer的area过大被遮挡的问题
2019/09/21 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
Python常用随机数与随机字符串方法实例
2015/04/09 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
django+js+ajax实现刷新页面的方法
2017/05/22 Python
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
对Python字符串中的换行符和制表符介绍
2018/05/03 Python
python中从str中提取元素到list以及将list转换为str的方法
2018/06/26 Python
python3基于OpenCV实现证件照背景替换
2018/07/18 Python
python opencv读mp4视频的实例
2018/12/07 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
个人自我鉴定
2013/11/07 职场文书
五好党支部事迹材料
2014/02/06 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
Python入门学习之类的相关知识总结
2021/05/25 Python
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
世界十大狙击步枪排行榜
2022/03/20 杂记
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android