javascript據(jù)option的value值快速設(shè)定初始的selected選項
更新時間：2007年08月13日 19:51:19 作者：
<!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="隨機(jī)選擇" 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="隨機(jī)選擇" onclick="randomselect()">
</body>
</html>
相關(guān)文章
![一個判斷email合法性的函數(shù)[非正則]](http://img.jbzj.com/images/xgimg/bcimg0.png)
沒用到正則，看起來這個函數(shù)的準(zhǔn)確度還是比較高的。2008-12-12
checkbox 多選框 聯(lián)動實現(xiàn)代碼
對于checkbox 多選的聯(lián)動效果，是個不錯的思路，附代碼2008-10-10
JS實多級聯(lián)動下拉菜單類，簡單實現(xiàn)省市區(qū)聯(lián)動菜單！
JS實多級聯(lián)動下拉菜單類，簡單實現(xiàn)省市區(qū)聯(lián)動菜單！...2007-05-05
js 驗證函數(shù)代碼，一般都是常用的，大家可以根據(jù)需要，自己去留。2008-12-12
js實現(xiàn)的的 文字自動''到google search框
js實現(xiàn)的的 文字自動''到google search框...2007-05-05
該效果是繼 檢測表單輸入長度 顯示剩余可輸入字?jǐn)?shù) 之后，在他的基礎(chǔ)上整合的小有差別的一個效果，希望方便朋友們使用。2011-07-07
下面的代碼包括了用戶名，密碼，郵箱的基本驗證代碼，需要的朋友可以參考下。2009-09-09
javascript select 之間傳值效果的代碼...2007-10-10
一套提交代碼，全部由js dom操作自動創(chuàng)建于提交。喜歡的朋友可以參考下。2010-05-05
js 金額文本框?qū)崿F(xiàn)代碼，需要處理金額輸入的朋友可以參考下2012-02-02