2008年4月17日 星期四
利用 javascript 取得 select option 選單的 value // select option value
javascript
<head>
<title>無標題文件</title>
<script language="javascript">
// 以下宣告用來取得每個 選單 所代表的名稱
function ITEMDATA(obj)
{
window.alert("選單名稱:"+obj.name);
alert("選擇項目: Value:"+obj.options[obj.selectedIndex].value+" -
Text:"+obj.options[obj.selectedIndex].text);
} // 結束 ITEMDATA 函式
</script>
</head>
<body>
<form>
<select name="SEL01" style="font-size:14px" onChange="ITEMDATA(this)">
<option value="V1" >選單一</option>
<option value="V2" >選單二</option>
<option value="V3" >選單三</option>
<option value="V4" >選單四</option>
</select>
<select name="SEL02" style="font-size:14px" onChange="ITEMDATA(this)">
<option value="V1" >選單一</option>
<option value="V2" >選單二</option>
<option value="V3" >選單三</option>
<option value="V4" >選單四</option>
</select>
<select name="SEL03" style="font-size:14px" onChange="ITEMDATA(this)">
<option value="V1" >選單一</option>
<option value="V2" >選單二</option>
<option value="V3" >選單三</option>
<option value="V4" >選單四</option>
</select>
.
.
.
</form>
</body>
</html>
原文出處：wotupset的網誌 : 利用 javascript 取得 select option 選單的 value // select option value javascript
[轉貼]Javascript 操作select控件大全（新增、修改、刪除、選中、清空、判斷存在等） (冷日