我遇到类似问题,我无法提取属于同一name
的相关ids
。如何获得使用相同名称的ID的计数
这里是我的HTML
<table id="table-data" class="table table-bordered table-data" style="vertical-align: middle;">
<tbody>
<tr>
<th style="width: 15%">Project</th>
<th style="width: 15%">Module</th>
<th style="width: 15%">Relevant Client</th>
<th style="width: 20%">Task</th>
<th style="width: 5%">Hours</th>
<th style="width: 20%">Comments</th>
<th></th>
</tr>
<tr id="1045">
<input id="ChildId" name="ChildId" type="hidden" value="1045">
<td>
<select class="form-control input-sm valid" id="ProjectId0" name="ProjectId" onchange="iniatializeModuleClientAndTask(this)" onload="selecetTheTask(this)">
<option value="">--Select--</option>
<option selected="selected" value="1">Compliant Web</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ModuleId0" name="ModuleId">
<option value="">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ClientId0" name="ClientId">
<option value="">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="TaskId0" name="TaskId">
<option value="">-Select-</option>
</select>
</td>
<td>
<input class="form-control input-sm" id="ExpendedHour" name="ExpendedHour" type="text" value="4">
</td>
<td>
<input class="form-control input-sm" id="TaskComments" name="TaskComments" type="text" value="a">
</td>
<td>
<a class="removeButton btn btn-sm btn-danger" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-remove"></span></a>
<a class="addButton btn btn-sm btn-primary" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-plus"></span></a>
</td>
</tr>
<tr>
<input id="ChildId" name="ChildId" type="hidden" value="0">
<td>
<select class="form-control input-sm" id="ProjectId1" name="ProjectId" onchange="iniatializeModuleClientAndTask(this)">
<option value="">--Select--</option>
<option value="1">Compliant Web</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ModuleId1" name="ModuleId">
<option value="">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ClientId1" name="ClientId">
<option value="">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="TaskId1" name="TaskId">
<option value="">-Select-</option>
</select>
</td>
<td>
<input class="form-control input-sm" id="ExpendedHour" name="ExpendedHour" type="text" value="">
</td>
<td>
<input class="form-control input-sm" id="TaskComments" name="TaskComments" type="text" value="">
</td>
<td>
<a class="removeButton btn btn-sm btn-danger" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-remove"></span></a>
<a class="addButton btn btn-sm btn-primary" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-plus"></span></a>
</td>
</tr>
<tr>
<input id="ChildId" name="ChildId" type="hidden" value="0">
<td>
<select class="form-control input-sm" id="ProjectId2" name="ProjectId" onchange="iniatializeModuleClientAndTask(this)">
<option value="" id="ProjectId2">--Select--</option>
<option value="1">Compliant Web</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ModuleId2" name="ModuleId">
<option value="" id="ModuleId2">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ClientId2" name="ClientId">
<option value="" id="ClientId2">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="TaskId2" name="TaskId">
<option value="" id="TaskId2">-Select-</option>
</select>
</td>
<td>
<input class="form-control input-sm" id="ExpendedHouNaN" name="ExpendedHour" type="text" value="">
</td>
<td>
<input class="form-control input-sm" id="TaskCommentNaN" name="TaskComments" type="text" value="">
</td>
<td>
<a class="removeButton btn btn-sm btn-danger" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-remove"></span></a>
<a class="addButton btn btn-sm btn-primary" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-plus"></span></a>
</td>
</tr>
<tr>
<input id="ChildId" name="ChildId" type="hidden" value="0">
<td>
<select class="form-control input-sm" id="ProjectId3" name="ProjectId" onchange="iniatializeModuleClientAndTask(this)">
<option value="" id="ProjectId3">--Select--</option>
<option value="1">Compliant Web</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ModuleId3" name="ModuleId">
<option value="" id="ModuleId3">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="ClientId3" name="ClientId">
<option value="" id="ClientId3">-Select-</option>
</select>
</td>
<td>
<select class="form-control input-sm" id="TaskId3" name="TaskId">
<option value="" id="TaskId3">-Select-</option>
</select>
</td>
<td>
<input class="form-control input-sm" id="ExpendedHouNaNaN" name="ExpendedHour" type="text" value="">
</td>
<td>
<input class="form-control input-sm" id="TaskCommentNaNaN" name="TaskComments" type="text" value="">
</td>
<td>
<a class="removeButton btn btn-sm btn-danger" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-remove"></span></a>
<a class="addButton btn btn-sm btn-primary" style="padding:3px 0 3px 8px;"><span class="glyphicon glyphicon-plus"></span></a>
</td>
</tr>
</tbody>
</table>
这里看我的HTML代码,我有相同的名字像ProjectId
,ModuleId
,TaskId
和这么多。实际上,表格行的数量是动态传播的。所以这些ID与名称不同。我这样做是因为在MVC4
我可以很容易地通过POST
行动中的名称获取这些数据。但我非常需要在查看页面上做一些工作。所以我想要统计有多少个ID使用相同的类名。我想在这些类上应用一些业务。
我已经经历了这个Question,它与我有着特殊的不同。在那里他/她显示ID和我的区别是我想要count
他们。我发现也是另一种解决方案answer,但是它在CSS
做得不好,我需要它Javascript
或jQuery
而且,ids
的数量可以尽可能的,也有可能在序列像ProjectId1
,ProjectId2
,然后projectId99
但他们每个人都将在ProjectId
班。因此我想通过它的name
得到总数ID。谢谢。
只是所以你知道...重复的ID在HTML中是无效的,并会导致问题。 – evolutionxbox
您的HTML无效。 'id'值必须**在文档中是唯一的,不能在多个元素上使用相同的'id'。所以这是第一个要改变的地方。你可以考虑使用'class'来代替。 –
我没有复制ID。我只提供相同的“名称”。所有'ids'完全不同。对不起,说它工作正常,并没有问题。我通过名称轻松地在Controller中获取数据。 – gdmanandamohon