当前位置:编程学习 > JSP >>

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(); }
答案:onchange就是在你改变下拉框的值的时候会触发的一个事件。比如你原来的 select 什么都没有选择,当你改变它的值,选择 产品名称 的时候就会触发这个事件。 
有一种情况就是,当你选择了产品名称,你点击下拉框了,但是你没有改变值,就是说值还是产品名称的话,是不会触发onchange事件的。它必须是改变值以后才会触发的。
我讲的比较多,但是应该比较通俗吧。希望你能看明白 。
其他:我想用select中的onChange来 当点击相应的下拉条时,跳转到相应的页面 .. <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>
 

上一个:java 我做了简单的用户注册系统,现在我要把用户注册的信息显示在jsp页面上,该怎么写?
下一个:JSP(netbean6.9.1)+SQL2000 在网上下的代码,求指导实现

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,