電平變化的jQuery選擇的選項不能顯示TBODY標籤

//選擇選項告訴我值1至12電平變化的jQuery選擇的選項不能顯示TBODY標籤

<select name="damamonth" id="da" required> 
    <option value="">--Months--</option> 
    <option value=1 id=1>January</option> 
    <option value="2" id="2">February</option> 
    <option value="3" id="3">March</option> 
    <option value="4" id="4">April</option> 
    <option value="5" id="5">May</option> 
    <option value="6" id="6">June</option> 
    <option value="7" id="7">July</option> 
    <option value="8" id="8">August</option> 
    <option value="9" id="9">September</option> 
    <option value="10" id="10">October</option> 
    <option value="11" id="11">November</option> 
    <option value="12" id="12">December</option> 
</select> 

<table> 
    <thead> 
     <tr> 
      <th>Seq</th> 

     </tr> 
    </thead>

//創建TBODY和顯示1至12

@for (int i = 1; i <= 12; i++) 
    { 
     <tbody id="@i" class="comsut" style="display:grid;"> 
      <tr style="border:1px;"> 
       <td>@i</td> 
      </tr> 

     </tbody> 
    } 
</table>

//這個腳本是不是爲我工作，我想顯示當我更改選擇選項 //根據我顯示的tbody

<script> 
$(function() { 
     $('.comsut').hide(); 
     $('#da').change(function() { 
      var d = $(this).val(); 
      $('.comsut').hide(); 
      var ty = '#' + d; 
      $(ty).show(); 
     }); 
    }); 

</script>

來源

2014-10-30 Mohammed Rafeeq Ahmed

您正在嘗試創建多個tbody。創建單個tbody和多個tr。 Assigne id至tr，然後運行腳本以顯示/隱藏它們。請參見下面的代碼

<tbody > 
@for (int i = 1; i <= 12; i++) 
    { 
      <tr id="@i" class="comsut" style="display:grid;border:1px;"> 
       <td>@i</td> 
      </tr> 
    } 
</tbody>

SCRIPT

<script> 
$(function() { 
     $('.comsut').hide(); 
     $('#da').change(function() { 
      var d = $(this).val(); 
      $('tr.comsut').hide(); 
      var ty = '#' + d; 
      $(ty).show(); 
     }); 
    }); 

</script>

來源

2014-10-30 07:46:12

非常感謝您的Bhushan先生 – 2014-11-01 05:12:14

高興幫幫我你:) – 2014-11-03 04:52:32

下面

@for (int i = 1; i <= 12; i++) 
    { 
     <tbody id="@i-t" class="comsut" style="display:grid;"> 
      <tr style="border:1px;"> 
       <td>@i</td> 
      </tr> 

     </tbody> 
    }

&腳本以下內容替換循環

<script> 
$(function() { 
     $('.comsut').hide(); 
     $('#da').change(function() { 
      var d = $(this).val(); 
      $('.comsut').hide(); 
      var ty = '#' + d + '-t'; 
      $(ty).show(); 
     }); 
    }); 

</script>

來源

2014-10-30 08:07:09 WisdmLabs

電平變化的jQuery選擇的選項不能顯示TBODY標籤

回答

相關問題