如何禁用对数据库值的条件选择答案

【问题标题】：how to disable select with condition on value from database如何禁用对数据库值的条件选择
【发布时间】：2017-01-17 19:10:50
【问题描述】：

如何禁用 select "pelajaran" where condition select jabatan = "operator"

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

【问题讨论】：

页面加载对吗？（非动态选择）
代码应该在问题中 - 而不是在外部资源（例如 Pastebin）上......如果 Pastebin 消失会发生什么？
您编写的 JavaScript 代码看起来应该可以满足您的需求？有什么问题？
在旁注中，也许将此代码带到 codereview.stackexchange.com 以获取有关如何改进此代码的建议。就目前而言，你建立的越多，它就会引起问题。
解决了谢谢:)

标签： javascript php html mysql

【解决方案1】：

请检查，

document.getElementById('jabatan').onchange = function () {
    if(this.value == 'Operator'){
       document.getElementById('pelajaran').disabled = true;
    }
}

【讨论】：

【解决方案2】：

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

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

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

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

希望对你有帮助。再见！

【讨论】：