membuat event pada tag select html untuk mengubah nilai tag lain


Untuk membuat event pada tag select yang digunakan untuk mengubah nilai suatu properti entah itu textfield dsb maka kita perlu membuat fungsi javascript yang kita kaitkan pada tombol onChange pada select

fungsi javascpit yg kita letakkan pada head

<script>
function disp_text()
{
var w = document.namaform.namaselect.selectedIndex;
var selected_text = document.namaform.namaselect.options[w].text;
document.getElementById(“tampilan”).tampil.value = (selected_text);
}

</script>

 

 

nah form kita sebagai berikut

<FORM NAME=”namaform”  >
<SELECT NAME=”namaselect” onChange=”disp_text()”>
<OPTION VALUE=”m1″>batman
<OPTION VALUE=”m2″>spiderman
<OPTION VALUE=”m3″>jerry mouse
</SELECT>
<input type=”text” name=”tampil” > <br>

</form>

 

Iklan

Satu Tanggapan to “membuat event pada tag select html untuk mengubah nilai tag lain”


tinggalkan pesan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: