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 BASE64编码 window.atob(), window.btoa()
Mar 09 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
微信小程序 http请求的session管理
Jun 07 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
详解Vue前端对axios的封装和使用
Apr 01 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
使用vue中的混入mixin优化表单验证插件问题
Jul 02 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 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
一个可以找出源代码中所有中文的工具
2006/10/25 PHP
PHP基础之运算符的使用方法
2013/04/28 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
FF IE浏览器修改标签透明度的方法
2014/01/27 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
js中console在一行内打印字符串和对象的方法
2019/09/10 Javascript
在Layui中实现开关按钮的效果实例
2019/09/29 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
[04:10]DOTA2英雄梦之声_第11期_圣堂刺客
2014/06/21 DOTA
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Python selenium模拟手动操作实现无人值守刷积分功能
2020/05/13 Python
HTML5之SVG 2D入门9—蒙板及mask元素介绍与应用
2013/01/30 HTML / CSS
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
照片礼物和装饰:MyPhoto
2019/11/02 全球购物
大众服装店创业计划书范文
2014/01/01 职场文书
母婴店促销方案
2014/03/05 职场文书
座谈会主持词
2014/03/20 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
民事调解协议书
2016/03/21 职场文书
送给客户微信问候语!
2019/07/04 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
Python使用MapReduce进行简单的销售统计
2022/04/22 Python