2016-09-09 28 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'可見。

我希望它能幫助你。再見!