第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

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

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

茅侃侃 2023-07-14 15:23:52
我希望這里有人能夠幫助我。如果文本字段設(shè)置為值，我想顯示隱藏的 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條經(jīng)驗 獲得超4個贊

您所擁有的內(nèi)容只會在執(zhí)行時運行一次，您需要檢查輸入何時更改。


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

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

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

    }

})


查看完整回答
反對 回復(fù) 2023-07-14
?
蠱毒傳說

TA貢獻1895條經(jīng)驗 獲得超3個贊

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


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


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


試試這個：


<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>


<script type="text/javascript">

  function checkDetailsVisibility() {

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

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

    }

    else {

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

    }

  }

</script>

每次輸入值發(fā)生變化時，checkDetailsVisibility都會執(zhí)行該函數(shù)并顯示或隱藏所需的 div。



查看完整回答
反對 回復(fù) 2023-07-14
  • 2 回答
  • 0 關(guān)注
  • 147 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號