JavaScript OnChange加载另一个JSP页面
问题描述:
我有一个Jsp页面,其中有一个形式为form1
的下拉列表,并且我在此页面中包含另一个包含另一个表单form2
的Jsp页面。我希望form2
只有在form1
的下拉列表中的某个特定element(say opt2)
是选定的时才可见。JavaScript OnChange加载另一个JSP页面
请参阅下面的代码结构:
<div id="somediv1">
<%@ include file="../form2.jsp"%>
</div>
<form id="form1">
<select id="list1">
<option>opt1</option>
<option>Opt2</option>
<option>opt3</option>
<option>opt4</option>
</select>
答
这种尝试:
// hide the form on start
$("#somediv1").hide();
if($("#list1 option:selected").text() == "opt2"){
$("#somediv1").show();
} else {
$("#somediv1").hide();
}
答
你也可以使用jQuery的toggle()
方法,如果你到整个简洁的东西。
完整的示例:
$(function(){
$("#list1").on('change', function(){
$("#somediv1").toggle($(this).find("option:selected").text() == "opt2"));
})
.trigger('change'); //trigger the change handler to set the initial state of #someDiv1
});