Wednesday, September 9, 2015

Disabled and enable input form with select option in javascript

Disabled and enable input form with select option in javascript

Disabled and enable input form with select option in javascript - Pada pembahasan kali ini saya ingin membahas bagaimana cara membuat enable and disabled input form dengan select option di javascript. Sederhana saja , untuk membuat ini kita hanya memakai sebuah statment if sederhana. Mari kita langsung simak saja kode di bawah ini.

NGoding

HTML

<label>disabled on/off: </label><br />
<select id="ok" onChange="opsi(this)">
<option>--</option>
<option value="on">on</option>
<option value="off">off</option>
</select>
<input type="text" id="inputku" placeholder="input">


JAVASCRIPT

function opsi(value){
var st = $("#ok").val();
if(st == "on"){
document.getElementById("inputku").disabled = false;
} else {
document.getElementById("inputku").disabled = true;
}
}

Demo




Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.


EmoticonEmoticon