Javascript 选择选项后，显示每个窗体并隐藏其他窗体

我想使用

创建一个下拉列表，选择
dom中的所有
表单
，排除要显示的
表单
，然后隐藏它。然后显示要显示的
表单

试试看

选择
dom
中的所有
表单
，排除要显示的
表单
，然后
隐藏它。然后显示要显示的
表单

试试看

你可以试试这样的

if( "#" + $(this).val() == 'form_1' ){
    $("#form_1").show();
    $("#form_2").hide();
}
else {
    $("#form_1").hide();
    $("#form_2").show();
}

你可以试试这样的

if( "#" + $(this).val() == 'form_1' ){
    $("#form_1").show();
    $("#form_2").hide();
}
else {
    $("#form_1").hide();
    $("#form_2").show();
}

太棒了，谢谢你的快速反应。现在可以了。太棒了，谢谢你的快速反应。现在可以了
$("select").on("change", function() {    
  $('form').not("#" + $(this).val()).hide();
  $("#" + $(this).val()).show();
});

if( "#" + $(this).val() == 'form_1' ){
    $("#form_1").show();
    $("#form_2").hide();
}
else {
    $("#form_1").hide();
    $("#form_2").show();
}

$("select").on("change", function() {    
  $(this).siblings('form:visible').hide(); // if blank option selected, all form will should be hide
  $("#" + $(this).val()).show();
});