关键：下拉列表 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>
网友评论