0

这是我的jsp片段，它使用spring mvc

 <form:select path="noOfBankDetails" id = "noOfBankDetails">
 <form:option value="0">0</form:option>
 <form:option value="1">1</form:option>
 <form:option value="2">2</form:option>
 <form:option value="3">3</form:option>
 <form:option value="4">4</form:option>
 </form:select>

 <!-- All the following divs are hidden -->
 <div id = "firstBankDetail"> 
<div id = "secondBankDetail">
<div id = "thirdBankDetail">
<div id = "fourthBankDetail">

这是我的 jQuery 片段，它显示了下拉 noOfBankDetails 更改时的所有 div

  $("#noOfBankDetails").change(function(){
           $("#firstBankDetail").show();
           $("#secondBankDetail").show();
           $("#thirdBankDetail").show();
           $("#fourthBankDetail").show();
        });

它工作得很好......但我想实现一些不同的东西它的伪像这样

IF noOfBankDetails IS 0 THEN 
    Show none of divs
ELSE IF noOfBankDetails IS 1 THEN 
    Show div firstBankDetail
ELSE IF noOfBankDetails IS 2 THEN 
    Show div firstBankDetail
    Show div secondBankDetail
and so on..

我应该如何在 jQuery 中执行此操作。我是 jQuery 的初学者。请提供一些指导。

4

3 回答 3

4

无论如何， jQueryif else是 JavaScriptif else仅供参考：

 $("#noOfBankDetails").change(function(){
  if (this.value == 0) {
      //do 0 stuff
  } else if (this.value == 1) {
      //do 1 stuff
  } else if (value == 2) {
      //do 2 stuff
  }
 });

或开关：

$("#noOfBankDetails").change(function(){
    switch(this.value) {
        case 0: //do 0 stuff
        break

        case 1: //do 1 stuff
        break;

        case 2: //do 2 stuff
        break;
    }
});
于 2013-09-30T13:50:15.820 回答
0

if/elseif/else 不需要 jQuery。您只需使用简单的 Javascript：

我希望我没有错误。应该管用。

$("#noOfBankDetails").change(function(){
  var value = $(this).val();

  if(value == 0) {
    $("#firstBankDetail").show();
  }
  else if(value == 1) {
    $("#secondBankDetail").show();
  }
  else if(value == 2) {
    $("#thirdBankDetail").show();
    $("#fourthBankDetail").show();
  }
});
于 2013-09-30T13:52:45.990 回答
0 
$("#noOfBankDetails").change(function () {
    if ($(this).val() == 0) {
        $("#firstBankDetail").hide();
        $("#secondBankDetail").hide();
        $("#thirdBankDetail").hide();
        $("#fourthBankDetail").hide();
        $("#secondBankDetail").hide();
        $("#thirdBankDetail").hide();
        $("#fourthBankDetail").hide();
    } else if ($(this).val() == 1) {
        $("#firstBankDetail").show();
    } else if ($(this).val() == 2) {
        $("#firstBankDetail").show();
        $("#secondBankDetail").show();
    } else if ($(this).val() == 3) {
        $("#firstBankDetail")..show();
        $("#secondBankDetail").show();
        $("#secondBankDetail").show();
    }
    //Continue the same logic below
    else if ($(this).val() == 4) {}
});
于 2013-09-30T13:55:24.813 回答