
關鍵:下拉列表 onchange="display(this.options[this.options.selectedIndex].value)"
以下源碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>顯示列表內容</title>
</head>
<body>
<h3>顯示列表項內容</h3>
<select size="5" onchange="display(this.options[this.options.selectedIndex].value)">
<option value ="教材名稱:計算機組成原理
定價:35元" >計算機組成原理</option>
<option value ="教材名稱:數據結構
定價:38元" >數據結構</option>
<option value ="教材名稱:計算機網絡
定價:43元" >計算機網絡</option>
<option value ="教材名稱:Java程序設計
定價:40元" >Java程序設計</option>
<option value ="教材名稱:算法分析
定價:28元" >算法分析</option>
<script type="text/javascript">
function display(id){
alert(id);
}
</script>
</select>
</body>
</html>