select选择值触发事件onchange（动态响应）

　　网页的需求多种多样，某些时候需要根据不同的选择值显示相应的内容，这也就要求用户选择一个值后触发一个事件（即动态响应），通过此事件把相应的值返回给用户。具体实现需要给下拉列表框select加一个状态改变的触发事件onchange，在这个事件中执行一个 javascript 方法，通过异步的方式（即用ajax）从服务器取出数据并呈现给用户。

　　当然，用户选择值后，除了呈现数据给用户外，某些情况下只要求把选择值赋给某个变量或隐藏的input，以在服务器获取这个值，这更易于实现。以下是一个具体的应用实例。

　　select选择值触发事件onchange（动态响应）实例：

　　html代码：

　　<select id="selecteId" onchange="ShowAsSelectedValue()">
　　　　<option value="0">请选择</option>
　　　　<option value="1">文字标题列表</option>
　　　　<option value="2">图文标题列表</option>
　　</select>
　　<input type="hidden" id="hiddenId" value="0" />

　　javascript代码：

　　<script type="text/javascript">
　　　　function ShowAsSelectedValue() {
　　　　　　var selId = document.getElementById("selecteId");
　　　　　　var hidId = document.getElementById("hiddenId");

　　　　　　hidId.value = selId.options[selId.options.selectedIndex].value;
　　　　}
　　</script>

　　以上代码只是把用户选择的值赋给一个隐藏的input，如果要根据选择值从服务器取数据呈现给用户，需要用 ajax 无刷新从服务器取数据。ajax已经使用很长时间了，实例比较多，如果不懂，可以在本网搜索具体的实例。