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>
<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>