已解決430363個問題，去搜搜看，總會有你想問的

如果文本字段值設置為特定值，則顯示隱藏的 div

首頁猿問如果文本字段值設置為特定值，則顯示...

如果文本字段值設置為特定值，則顯示隱藏的 div

JavaScript

茅侃侃 2023-07-14 15:23:52

我希望這里有人能夠幫助我。如果文本字段設置為值，我想顯示隱藏的 div 標簽。我嘗試自己解決這個問題，但沒有成功，你能幫我嗎？提前致謝！<script type="text/javascript"> if(document.getElementById("art").value == "test"){ document.getElementById("divDetails").style.display='block'; } </script><input type="text" name="art" id="art" value="" class="form-control" style="height: 3em; font-size: 9px;"> <div style="display: none" id="divDetails">Here is the hidden text</div>

查看完整描述

2 回答

縹緲止盈

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

您所擁有的內容只會在執行時運行一次，您需要檢查輸入何時更改。

document.getElementById("art").addEventListener("input",()=>{

if(document.getElementById("art").value == "test"){

document.getElementById("divDetails").style.display='block';

}

})

反對回復 2023-07-14

蠱毒傳說

TA貢獻1895條經驗獲得超3個贊

您的解決方案有兩個問題。

首先，您在渲染 HTML 之前運行 JavaScript 代碼，從而在演示中產生錯誤。

其次，您只執行一次 JavaScript 驗證，而實際上您應該始終在輸入值更改時運行它。

試試這個：

<input

type="text"

name="art"

id="art"

value=""

class="form-control"

style="height: 3em; font-size: 9px;"

oninput="checkDetailsVisibility()">

<div

style="display: none"

id="divDetails">Here is the hidden text</div>

function checkDetailsVisibility() {

if(document.getElementById("art").value == "test"){

document.getElementById("divDetails").style.display='block';

}

else {

document.getElementById("divDetails").style.display='none';

}

</script>

每次輸入值發生變化時，checkDetailsVisibility都會執行該函數并顯示或隱藏所需的 div。

反對回復 2023-07-14

2 回答
0 關注
136 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

如果文本字段值設置為特定值，則顯示隱藏的 div

如果文本字段值設置為特定值，則顯示隱藏的 div

2 回答

添加回答

如果文本字段值設置為特定值，則顯示隱藏的 div