电平变化的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标签

回答

相关问题