搜尋

首頁  >  問答  >  主體

javascript - HTML 原生js怎麼控制table根據0,1值來顯示或隱藏

#請問怎麼用原生js去控制當選擇「空間性質」來控制右邊table隱藏不顯示? TKS!

程式碼:

沒有作用! ! ! ###
伊谢尔伦伊谢尔伦2706 天前905

全部回覆(3)我來回復

  • 迷茫

    迷茫2017-06-28 09:29:40

    //伪代码、手写的别见怪
    var table = document.getElementById("right-table")
    
    var select = document.getElementById("select")
    
    select.onchange = function(){
        this.value === "空间性质" ? table.style.display = "none" : table.style.display = "block"
    }
    

    上面的程式碼寫了註解是偽程式碼、但是還是有程式設計師不看註解的、那我就寫在這裡、

    不懂什麼是偽代碼的可以看一下圖

    希望大家不要做伸手黨

    回覆
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-28 09:29:40

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

    回覆
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-28 09:29:40

    樓主細心:
    right-table與right_table是不一樣的。

    回覆
    0
  • 取消回覆