0

これは、Spring MVC を使用する私の JSP スニペットです。

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

ドロップダウン noOfBankDetails が変更されたときにすべての div を表示する jQuery スニペットを次に示します。

  $("#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 
$("#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 に答える
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 に答える