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 相关文章推荐
不错的新闻标题颜色效果
Dec 10 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
JS实现简单的二元方程计算器功能示例
Jan 03 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
浅谈关于vue中scss公用的解决方案
Dec 02 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 Javascript
Vue中使用JsonView来展示Json树的实例代码
Nov 16 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学习之PHP表达式
2006/10/09 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
详解php协程知识点
2018/09/21 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
img标签中onerror用法
2009/08/13 Javascript
js左右弹性滚动对联广告代码分享
2014/02/19 Javascript
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
angularjs实现猜数字大小功能
2020/05/20 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
使用Bootstrap4 + Vue2实现分页查询的示例代码
2017/12/21 Javascript
vue服务端渲染缓存应用详解
2018/09/12 Javascript
小程序表单认证布局及验证详解
2020/06/19 Javascript
Python中的descriptor描述器简明使用指南
2016/06/02 Python
Python提取网页中超链接的方法
2016/09/18 Python
在家更换处方镜片:Lensabl
2019/05/01 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
校园广播稿500字
2014/02/04 职场文书
幼儿园门卫岗位职责
2014/02/14 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
信仰观后感
2015/06/03 职场文书
黄河绝恋观后感
2015/06/08 职场文书
2015最新民情日记范文
2015/06/26 职场文书
zabbix agent2 监控oracle数据库的方法
2021/05/13 Oracle
SQL Server使用CROSS APPLY与OUTER APPLY实现连接查询
2022/05/25 SQL Server