JavaScript OnChange加载另一个JSP页面

Question

我有一个Jsp页面，其中有一个形式为form1的下拉列表，并且我在此页面中包含另一个包含另一个表单form2的Jsp页面。我希望form2只有在form1的下拉列表中的某个特定element(say opt2)是选定的时才可见。

请参阅下面的代码结构：

<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> 

Answer 1

这种尝试：

// hide the form on start 
$("#somediv1").hide(); 

if($("#list1 option:selected").text() == "opt2"){ 
    $("#somediv1").show(); 
} else { 
    $("#somediv1").hide(); 
} 

Answer 2

你也可以使用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 
});