我正在嘗試撰寫一個遵循以下邏輯的簡單腳本，但我遇到了困難。
If "Name" field = blank
Then Hide "Comment" field
Else Show "Comment" field
$(document).ready(function() {
if ($('#ContactForm-name').value() == "") {
$('#ContactForm-body').hide();
} else {
$('#ContactForm-body').show();
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>有人可以幫幫我嗎？我提供了表單及其 HTML 的螢屏截圖。
shopify 商店是
uj5u.com熱心網友回復：
看看您提供的帶有“幫助”密碼的示例鏈接，在控制臺中運行以下命令后，看起來 jQuery 并沒有實際加載到網站上：console.log(typeof window.jQuery)回傳undefined。
您可能需要使用 vanilla JS 來實作您想要做的事情（或者側面加載 jQuery，如果您有權這樣做并且確實需要使用它）。
在沒有 jQuery 的情況下使用 JS，您可以嘗試執行以下操作：
window.addEventListener('load', function() {
if (document.getElementById('ContactForm-name').value === '') {
document.getElementById('ContactForm-body').style.display = 'none';
} else {
document.getElementById('ContactForm-body').style.display = 'block';
}
});
請注意，僅隱藏ContactForm-bodytextarea 仍會留下邊框輪廓和顯示標簽Comment，因此您可能需要做的不僅僅是隱藏 textarea（<div>在 JS 中找到父級并隱藏整個塊）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/455098.html
標籤：javascript jQuery 购物
上一篇：兩次選擇OnChange相同的值
下一篇：如何制作流暢的方塊影片？