javascript - 如何禁用基于数据库值的条件选择

Question

如何在条件选择 jabatan = "operator"时禁用选择 "pelajaran"

<select name="id_jabatan" id="jabatan" size="1" class="form-control"  required>
    <option label="-- Pilih Jabatan --"></option>
    <?php //query untuk looping jabatan
        $sql = "SELECT * FROM tb_jabatan_guru";
        $result = $koneksi->query($sql);
        while ($row = $result->fetch_array()){ ?>
    <option value="<?php echo $row['idJabatan'] ?>"><?php echo $row['namaJabatan']; ?></option>
    <?php } ?>
</select>


<select name="id_pel" id="pelajaran" size="1" class="form-control" disabled required>
    <option label="-- Pilih Pelajaran --"></option>
    <?php //query untuk looping pelajaran
        $sql = "SELECT * FROM tb_pelajaran";
        $result = $koneksi->query($sql);
        while ($row = $result->fetch_array()){ ?>
    <option value="<?php echo $row['idPelajaran'] ?>"><?php echo $row['namaPelajaran']; ?></option>
    <?php } ?>
</select>


<script>
    document.getElementById('jabatan').onchange = function () {
        document.getElementById("pelajaran").disabled = this.value == 'Operator';
    }
</script>

Answer 1

你好法赫鲁丁优素福哈比比

我将向您展示它对我的工作方式。我希望它也适合你。我的代码是这样的:

<select onChange="showSelect();" name="id_jabatan" id="jabatan" size="1" class="form-control"  required>
</select>

<div id="selectDisable" style="display:none">
<select name="id_pel" id="pelajaran" size="1" class="form-control" disabled required>
</select>
</div>

<script>
function showSelect(){
var value = document.getElementbyId('jabatan'); 
    if(value == 'Operator'){
    document.getElementbyId('selectDisable').style.display = "none";
    }
    else{
    document.getElementbyId('selectDisable').style.display = "block";
    }
}
</script>

如您所见，这段代码非常简单，我在选择“jabatan”的事件中调用了该函数，并将选择的“pelajaran”放入样式显示为“none”的“div”中。当调用该函数时，它会获取选定的值，如果值为“Operator”，则不会更改样式……但如果值为另一个，它将更改样式以阻止，以使“div”可见。

希望对你有帮助。再见!