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 相关文章推荐
jquery如何实现在加载完iframe的内容后再进行操作
Sep 10 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
js实现四舍五入完全保留两位小数的方法
Aug 02 Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
vue接通后端api以及部署到服务器操作
Aug 13 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生成不同颜色、不同大小的tag标签函数
2013/09/23 PHP
PHP终止脚本运行三种实现方法详解
2020/09/01 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
AspNet中使用JQuery上传插件Uploadify详解
2015/05/20 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统
2015/12/03 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
使用webpack-dev-server处理跨域请求的方法
2018/04/18 Javascript
vue实现分页加载效果
2019/12/24 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
基于vue+element实现全局loading过程详解
2020/07/10 Javascript
vuex中store存储store.commit和store.dispatch的用法
2020/07/24 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
在Python中利用Pandas库处理大数据的简单介绍
2015/04/07 Python
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
解决python 上传图片限制格式问题
2019/10/30 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
2014升学宴答谢词
2014/01/26 职场文书
民主评议教师党员自我评价
2015/03/04 职场文书
张思德观后感
2015/06/09 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
python中pycryto实现数据加密
2022/04/29 Python
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers
element tree树形组件回显数据问题解决
2022/08/14 Javascript