Question

JSP的onchange具体用法和举例

我的需求是这样的:下拉框里有两个选项,分别对应两个内容,如"产品名称" "产品型号" 默认从数据库取得数据显示的是"产品名称",当点下拉框,选择"产品型号"时,对应列内容显示为产品型号.现在数据库取出数据已经没问题了,jsp页面已经准备好了两种数据,onchange写好之后,发现没有效果.其中部分代码:
<SELECT onchange="changeColumn1(this.value);" name=select>
<OPTION value="productName" >
产品名称
</OPTION>
<OPTION value="productModel">
产品型号
</OPTION>
</SELECT>

显示数据的代码:
<TD align=center>
<div class="productName" >${productName }</div>
<div class="productModel" style="display: none;">${productModel }</div>
</TD>

JS中:
function changeColumn1(selectValue){
$(".productName").hide();
$(".productModel").hide();
$("."+selectValue).show();
}

Answer 1

onchange就是在你改变下拉框的值的时候会触发的一个事件。比如你原来的 select 什么都没有选择，当你改变它的值，选择 产品名称 的时候就会触发这个事件。
有一种情况就是，当你选择了产品名称，你点击下拉框了，但是你没有改变值，就是说值还是产品名称的话，是不会触发onchange事件的。它必须是改变值以后才会触发的。
我讲的比较多，但是应该比较通俗吧。希望你能看明白 。

Answer 2

<select onchange='goToPage(this)'>
<option value=''>---请选择---</option>
<option value=''>百度</option>
<option value=''>搜狐</option>
<option value=''>新浪</option>
</select>
<script>
function goToPage(obj){
location.href = obj.options.value;
}
</script>