javascript - 用于 html 元素列表的 Javascript 不起作用
问题描述
我有个问题。当用户使用javascript单击跨度图标时,我想显示表格的一些元素。
我没发现问题。通常我应该单击图标并显示与标题关联的元素列表。我验证,如果显示所有行,我有按标题列出的好列表。
我的观点在这里:
@{
ViewData["Title"] = "CalendrierPFL";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<br />
<h1 class="text-center">Calendrier PFL</h1>
<br />
<!--https://www.w3.org/WAI/tutorials/tables/irregular/ Pour faire une table avec ce format-->
<table class="table table-bordered">
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<tr class="text-center">
<td rowspan="2">Zones</td>
<th colspan="2" scope="colgroup">Lundi</th>
<th colspan="2" scope="colgroup">Mardi</th>
<th colspan="2" scope="colgroup">Mercredi</th>
<th colspan="2" scope="colgroup">Jeudi</th>
<th colspan="2" scope="colgroup">Vendredi</th>
<th colspan="2" scope="colgroup">Samedi</th>
<th colspan="2" scope="colgroup">Dimanche</th>
</tr>
<tr>
@for (int i = 0; i < 7; i++)
{
<th scope="col">Matin</th>
<th scope="col">Aprèm</th>
}
</tr>
@for (int j = 0; j < Model.InfosZoneCalendrier.Count(); j++)
{
<tr>
<th scope="row">
@Model.InfosZoneCalendrier[j].NomZone
<span class="fas fa-caret-down" onclick="showEquipements(@Model.InfosZoneCalendrier[j].NomZone)"></span>
</th>
@for (int y = 0; y < Model.InfosZoneCalendrier[j].ListEquipements.Count(); y++)
{
<tr class="hide" style="display:none" id="@Model.InfosZoneCalendrier[j].ListEquipements[y]" name="@Model.InfosZoneCalendrier[j].NomZone" >
<th style="color:gray">@Model.InfosZoneCalendrier[j].ListEquipements[y]</th>
</tr>
}
</tr>
}
</table>
@section Scripts
{
<!-- JS includes -->
<script type="text/javascript">
function showEquipements(parameter) {
var div = document.getElementsByName(parameter);
var i;
for (i = 0; i < div.length; i++) {
if (div[i].style.display == "") {
div[i].style.display = "none";
} else {
div[i].style.display = "";
}
}
}
</script>
}
在此先感谢您的帮助 :)
解决方案
如果这可以引起某人的兴趣,问题就解决了:)
<span class="fas fa-caret-down" onclick="showEquipements(@Model.InfosZoneCalendrier[j].*NomZone*)"></span>
在 NomZone 的地方,我放了一个唯一的整数 ID 来区分每个选项。有用!
所以我做了这样的:
<span class="fas fa-caret-down" onclick="showEquipements(@Model.ListResasZone[j].IdZone.ToString())"></span>
推荐阅读
- javascript - 每次刷新时在 Javascript 中增加 Cookie 值
- r - 列表中循环函数的迭代
- python - 如何在 QMessageBox 的按钮上放置一个事件
- typescript - Keyof 接口类型“字符串”不可分配给类型“从不”.ts(2322) 打字稿
- node.js - 在 Amazon Linux 2 AMI (HVM) 上安装 node_modules 时出错
- email - 在 Jenkins 上下载电子邮件附件
- java - Choco-Solver Java 库是否支持并行编程?
- python - 给定一个数据框,如何根据名称对列进行分桶并将同一桶中的列合并为一个?
- freemarker - Freemarker 以毫秒为单位将时间戳转换为带有时区的日期
- python - Imapclient 附件方法