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实现的所谓的滑动门
May 23 Javascript
jquery 必填项判断表单是否为空的方法
Sep 14 Javascript
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
jQuery+Ajax实现用户名重名实时检测
Jun 01 jQuery
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
通过layer实现可输入的模态框的例子
Sep 27 Javascript
简单了解Vue computed属性及watch区别
Jul 10 Javascript
浅谈Ant Design Pro 菜单自定义 icon
Nov 17 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
关于PHP中操作MySQL数据库的一些要注意的问题
2006/10/09 PHP
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
PHP 加密解密内部算法
2010/04/22 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
深入解析PHP中SESSION反序列化机制
2017/03/01 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
PHP 断点续传实例详解
2017/11/11 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
IE浏览器不支持getElementsByClassName的解决方法
2014/08/27 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
利用js定义一个导航条菜单
2017/03/14 Javascript
JavaScript循环_动力节点Java学院整理
2017/06/28 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
微信小程序scroll-view点击项自动居中效果的实现
2020/03/25 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
python3.4实现邮件发送功能
2018/05/28 Python
python实现比较文件内容异同
2018/06/22 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
Python上下文管理器类和上下文管理器装饰器contextmanager用法实例分析
2019/11/07 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
HTML5之语义标签介绍
2016/07/07 HTML / CSS
四群教育工作实施方案
2014/03/26 职场文书
医疗纠纷协议书
2014/04/16 职场文书
小学作文评语大全
2014/04/21 职场文书
人代会标语
2014/06/30 职场文书
领导干部群众路线教育实践活动剖析材料
2014/10/10 职场文书
超详细Python解释器新手安装教程
2021/05/10 Python
python中opencv实现图片文本倾斜校正
2021/06/11 Python