JavaScript OnChange加载另一个JSP页面

Question

我有一个Jsp页面，其中有一个带有下拉列表的表单form1，我在此页面中包含了另一个包含另一个表单form2的Jsp页面。我希望form2仅在element(say opt2)的下拉列表中<{1}}被选中时才可见。

请参阅下面的代码结构：

form1

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
});