javascript据option的value值快速设定初始的selected选项

夏晓隰

夏晓隰

2016-02-19 09:20

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的javascript据option的value值快速设定初始的selected选项,过去的都会过去,迎接崭新的开始,释放更美好的自己。
!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" /
titlewritten 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; i2008; 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
展开更多 50%)
分享

猜你喜欢

javascript据option的value值快速设定初始的selected选项

Web开发
javascript据option的value值快速设定初始的selected选项

设定Access数据库自增长字段初始值

编程语言 网络编程
设定Access数据库自增长字段初始值

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript设定延时

Web开发
javascript设定延时

通过JAVASCRIPT读取ASP设定的COOKIE

Web开发
通过JAVASCRIPT读取ASP设定的COOKIE

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

mshtml:javascript为HTML文件中的Select添加option

电脑网络
mshtml:javascript为HTML文件中的Select添加option

如何正确使用蜂巢安全管家的设定选项?

电脑网络
如何正确使用蜂巢安全管家的设定选项?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

基于Java实现缓存Cache的深入分析

基于Java实现缓存Cache的深入分析

SQL Server约束增强的两点建议

SQL Server约束增强的两点建议
下拉加载更多内容 ↓