首頁猿問 JQuery -...

JQuery - 在列表中更改顯示/隱藏 ID 匹配選項值的元素

JavaScript

瀟瀟雨雨 2021-12-02 19:40:33

我有一個包含動態創建的表的頁面。這些表的 ID 存儲在數據庫中，可以匹配頁面上選擇列表的值。默認情況下，所有表都是隱藏的。我想根據選定的選項值顯示和隱藏表格。顯示與所選選項值匹配的 ID 表，并隱藏其他不匹配的表。下面的代碼用于顯示匹配表。但是，如果與所選選項不匹配，我該如何隱藏表格？$('#unit_table').hide();$('#program_levels').change(function(){ if($("#" + this.value + "_table").is(":hidden")){ $("#" + this.value + "_table").show(); } else { } });

查看完整描述

3 回答

素胚勾勒不出你

TA貢獻1827條經驗獲得超9個贊

您可以使用帶有屬性選擇器的結尾來隱藏所有具有 id 結尾的非匹配表_table，請參閱下面的代碼

$('#unit_table').hide();

$('#program_levels').change(function(){

//hide all tables

$("table[id$='_table'").hide();

//show all matching tables only

//if($("#" + this.value + "_table").is(":hidden")){ // if condition not required

$("#" + this.value + "_table").show();

//}

});

反對回復 2021-12-02

縹緲止盈

TA貢獻2041條經驗獲得超4個贊

你也可以試試這個。

$(document).ready(function(){

$(".jsTable tr").hide();

$(".jsSelect").change(function(){

var oVal = $(this).val();

$(".jsTable tr").hide();

if(oVal!="")

{

$(".jsTable tr[id="+oVal+"]").show();

}

})

<html>

<body>

<option value="">Select</option>

</select>

<br/>

<td>Alfreds Futterkiste</td>

<td>Maria Anders</td>

<td>Germany</td>

</tr>

<td>Centro comercial Moctezuma</td>

<td>Francisco Chang</td>

<td>Mexico</td>

</tr>

<td>Ernst Handel</td>

<td>Roland Mendel</td>

<td>Austria</td>

</tr>

<td>Island Trading</td>

<td>Helen Bennett</td>

</tr>

</table>

</body>

</html>

反對回復 2021-12-02

守著一只汪

TA貢獻1872條經驗獲得超4個贊

if ($("#someid").attr("sometable") === "something") {

// code

}

反對回復 2021-12-02

3 回答
0 關注
202 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JQuery - 在列表中更改顯示/隱藏 ID 匹配選項值的元素

JQuery - 在列表中更改顯示/隱藏 ID 匹配選項值的元素

3 回答

添加回答