Rabu, 27 Juni 2012
Pemrograman Web : Enable Disable Combo Box (Select/List) dengan Javascript
Barusan ada yang menanyakan bagaimana membuat agar ComboBox tidak pisa dipilih (Disable) dan Enable lagi jika telah memilih suatu masukan. Jadi Combo Box atau List Menu (Select) tersebut harus dikendalikan Enable Disable nya lewat Javascript. Setelah cari sana-sini dapat lah kode program berikut ini :
<html>
<head>
<script type="text/javascript">
function makeDisable(){
var x=document.getElementById("tanggungan_anak")
x.disabled=true
}
function makeEnable(){
var x=document.getElementById("tanggungan_anak")
x.disabled=false
}
</head>
</script>
<body onload="makeDisable()">
<table>
<tr>
<td>Status Pernikahan </td>
<td><input name="status_pernikahan" type="radio" id="status_pernikahan" value="Menikah" onclick="makeEnable()" />
Menikah
<input name="status_pernikahan" type="radio" id="status_pernikahan" value="Belum Menikah" onclick="makeDisable()"/>
Belum Menikah </td>
</tr>
<tr>
<td>Tanggungan</td>
<td><select name="tanggungan_anak" id="tanggungan_anak">
<option value="0" selected="selected">Belum Punya Anak</option>
<option value="1">1 Anak</option>
<option value="2">2 Anak</option>
<option value="3">3 Anak</option>
</select> </td>
</tr>
</table>
</body>
</html>
Semoga berguna
