2016-09-09 26 views
2

如何禁用选择“pelajaran” WHERE条件选择jabatan =“经营者”如何与条件价值禁用选择从数据库

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

正在加载页面时右边? (不是动态选择的) –

+0

代码应该在问题中 - 而不是外部资源(例如Pastebin)......如果Pastebin消失会发生什么? – CD001

+0

你写的JavaScript代码看起来应该做你想要的吗?问题是什么? –

回答

0

请检查一下,

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

你好Fahruddin优素福·哈比比

我要告诉你它为我工作的方式。我希望它也适合你。我的代码是这样的:

<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”一“DIV”里面样式显示“无”。当函数被调用时,它将获得所选的值,如果值为'Operator',则不会更改样式...但如果该值是另一个,则会更改样式以阻止使'div'可见。

我希望它能帮助你。再见!