欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-22 08:37:10
<!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>