简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - HTML asli js cara mengawal jadual untuk dipaparkan atau disembunyikan berdasarkan nilai 0, 1
伊谢尔伦
伊谢尔伦 2017-06-28 09:27:40
0
3
873

Bagaimana saya boleh menggunakan js asli untuk mengawal sama ada jadual di sebelah kanan disembunyikan atau tidak apabila "Sifat Spatial" dipilih? TKS!

Kod:

Tiada kesan! ! !

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

membalas semua(3)
迷茫
迷茫2017-06-28 09:29:40 Tingkat 3 
//伪代码、手写的别见怪
var table = document.getElementById("right-table")

var select = document.getElementById("select")

select.onchange = function(){
    this.value === "空间性质" ? table.style.display = "none" : table.style.display = "block"
}

Kod di atas adalah kod pseudo dengan ulasan, tetapi masih terdapat pengaturcara yang tidak membaca ulasan, jadi saya akan menulisnya di sini,

Jika anda tidak faham apa itu kod pseudo, anda boleh lihat pada gambar

Saya harap semua orang tidak akan menjadi fanatik

Suka +0
Tambah Balasan
女神的闺蜜爱上我
女神的闺蜜爱上我2017-06-28 09:29:40 Tingkat 2

Ikat fungsi pemprosesan pada perubahan pilih dan lulus nilai nilai yang dipilih pada masa ini, dan kemudian nilai nilai di dalam fungsi ini dan tentukan sama ada paparan itu tiada. 

<!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>
Suka +0
Tambah Balasan
给我你的怀抱
给我你的怀抱2017-06-28 09:29:40 Tingkat 1

Sila berhati-hati:
meja kanan dan meja kanan adalah berbeza.

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！