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 option location 页面跳转实现代码
Dec 27 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
Vue-Router实现页面正在加载特效方法示例
Feb 12 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
vue学习笔记之作用域插槽实例分析
Feb 01 Javascript
node.js实现http服务器与浏览器之间的内容缓存操作示例
Feb 11 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实现获取客户端IP并获取IP信息
2015/03/17 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
php的扩展写法总结
2019/05/14 PHP
laravel http 自定义公共验证和响应的方法
2019/09/29 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
Javascript图像处理—亮度对比度应用案例
2013/01/03 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
javascript类型转换示例
2014/04/29 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
2014/09/09 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)
2016/07/28 Javascript
Javascript之面向对象--接口
2016/12/02 Javascript
解决ionic和angular上拉加载的问题
2017/08/03 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
2018/10/23 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
[04:02]DOTA2上海特锦赛小组赛第二日recap精彩回顾
2016/02/28 DOTA
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python函数返回多个值的示例方法
2013/12/04 Python
Python 的内置字符串方法小结
2016/03/15 Python
Python实现选择排序
2017/06/04 Python
python获取代理IP的实例分享
2018/05/07 Python
python三引号输出方法
2019/02/27 Python
python 实现12bit灰度图像映射到8bit显示的方法
2019/07/08 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
闭幕式主持词
2014/04/02 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
针对吵架老公保证书
2015/05/08 职场文书
MySQL开启事务的方式
2021/06/26 MySQL