下拉列表弹出警告框

关键：下拉列表 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>