#請問怎麼用原生js去控制當選擇「空間性質」來控制右邊table隱藏不顯示? TKS!
程式碼:
小伙看你根骨奇佳,潜力无限,来学PHP伐。
//伪代码、手写的别见怪 var table = document.getElementById("right-table") var select = document.getElementById("select") select.onchange = function(){ this.value === "空间性质" ? table.style.display = "none" : table.style.display = "block" }
上面的程式碼寫了註解是偽程式碼、但是還是有程式設計師不看註解的、那我就寫在這裡、
不懂什麼是偽代碼的可以看一下圖
希望大家不要做伸手黨
給select的onchange綁定處理函數並傳遞目前選擇的值value,然後在此函數內部判斷value值並決定display是否為none。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function jsFunction(value) { console.log(value); var table = document.getElementById('table'); value == '1' ? table.style.display = 'none' : 'block'; } </script> </head> <body> <select onChange="jsFunction(this.value)" id="selectOpt"> <option value="0">0</option> <option value="1">1</option> </select> <h1 id="table" >ggggggg</h1> </body> </html>
樓主細心:right-table與right_table是不一樣的。
上面的程式碼寫了註解是偽程式碼、但是還是有程式設計師不看註解的、那我就寫在這裡、
不懂什麼是偽代碼的可以看一下圖
希望大家不要做伸手黨
給select的onchange綁定處理函數並傳遞目前選擇的值value,然後在此函數內部判斷value值並決定display是否為none。
樓主細心:
right-table與right_table是不一樣的。