我有一個名為“航班”的數據庫表。在 ASP 頁面上，我進行 MySQL 查詢，并將結果放在表中。我正在嘗試使行可單擊以獲取更多詳細信息。這是我的代碼..<style> .dropbtn { color: white; border: none; cursor: pointer; } .dropdown { position: relative; } .dropdown-content { display: none; position: relative; overflow: auto; z-index: 1; } .dropdown-content a { padding: 4px 16px; text-decoration: none; display: block; } .show {display:block;}</style>這是查詢...<%Set records = Server.CreateObject("ADODB.Recordset")records.open "SELECT * from flights WHERE flighttype='S' LIMIT 5 ",conn%>這是創建循環和表的部分......<table class="grid"><tr class="capt alnl clrb"><td>ID</td><td>Aircraft</td><td>Flight</td></tr> <%while not records.eof %> <tr id="bdshow" onclick="openclose()" class="seq<%=no mod 2%> dropbtn"> <td class="clrg"><%=records("idflights")%></td> <td class="clrg"><%=records("aircraftCode")%></td> <td class="clrg">Flight <%=records("flightNo")%></td> </tr> <tr id="myDropdown" class="dropdown-content"> <td colspan="3" class="alnc clrb fntb"> <%=records("datearrival")%> </td> </tr><% records.moveNextwendrecords.close%></table>最后這是劇本......<script>function openclose() { document.getElementById("myDropdown").classList.toggle("show"); var elem = document.getElementById("bdshow"); }</script>這給我帶來了表格，但是當我單擊任何行時，只有第一行帶來第二行。您單擊第 5 行，但第一行會下拉并顯示第一條記錄的數據。我應該怎么辦？
2 回答
呼喚遠方
TA貢獻1856條經驗 獲得超11個贊
myDropDown好吧，主要問題是您對所有下拉內容行使用標識標簽“ ”。HTML 中的“ id”屬性在整個文檔中必須是唯一的 - 并且所有行中都有相同的標識標簽。因此，很自然地，只有第一個“接受”，其余所有都被忽略。
您想要做的是id為每個下拉列表設置一個唯一的，在單擊時將其傳遞給函數，并使用它在函數中找到正確的下拉列表。幸運的是，您可能已經有了一個有用的標識號：如果您的表有一個行 ID 列（按照慣例），那么您就可以使用它。
在下面的示例中，我將假設您的數字auto_increment行 ID 字段名為id，因此更新后的 ASP 可能如下所示：
<table class="grid">
<tr class="capt alnl clrb">
<td>ID</td>
<td>Aircraft</td>
<td>Flight</td>
</tr>
<%
while not records.eof
%>
<tr id="bdshow" onclick="openclose(<%=records("id")%>)" class="seq<%=no mod 2%> dropbtn">
<td class="clrg"><%=records("idflights")%></td>
<td class="clrg"><%=records("aircraftCode")%></td>
<td class="clrg">Flight <%=records("flightNo")%></td>
</tr>
<tr id="myDropdown-<%=records("id")%>" class="dropdown-content">
<td colspan="3" class="alnc clrb fntb">
<%=records("datearrival")%>
</td>
</tr>
<%
records.moveNext
wend
腳本必須采用該數字 ID 并按如下方式使用它：
function openclose(rowid)
{
document.getElementById("myDropdown-"+rowid).classList.toggle("show");
var elem = document.getElementById("bdshow");
}
- 2 回答
- 0 關注
- 179 瀏覽
添加回答
舉報
0/150
提交
取消