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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
js中的window.open返回object的错误的解决方法
Aug 15 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
jQuery插件实现可输入和自动匹配的下拉框
Oct 24 Javascript
移动端触摸滑动插件swiper使用方法详解
Aug 11 Javascript
浅析vue深复制
Jan 29 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
webpack的tree shaking的实现方法
Sep 18 Javascript
微信小程序实现上传多个文件 超过10个
Mar 30 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的代码
2010/05/09 PHP
PHP实现HTML页面静态化的方法
2015/11/04 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
Javascript 刷新全集常用代码
2009/11/22 Javascript
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
js 实现菜单上下显示附效果图
2013/11/21 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
javascript适合移动端的日期时间拾取器
2015/11/10 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
MUI  Scroll插件的使用详解
2017/04/13 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
利用Vue实现移动端图片轮播组件的方法实例
2017/08/23 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
python的id()函数解密过程
2012/12/25 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
Python openpyxl 遍历所有sheet 查找特定字符串的方法
2018/12/10 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
Django视图扩展类知识点详解
2019/10/25 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
C#面试常见问题
2013/02/25 面试题
工商技校毕业生自荐信
2013/11/15 职场文书
餐饮企业总经理岗位职责范文
2014/02/18 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
个人年终总结开头
2015/03/06 职场文书
小学同学聚会感言
2015/07/30 职场文书
2016年万圣节活动总结
2016/04/05 职场文书