Home > Java Script, Tips > Value Combo Box Kedalam Textbox

Value Combo Box Kedalam Textbox


Akhirnya ada kesempatan lagi tuk mulai menulis blog ini setelah sempat terhenti gara2x sakit types yang cukup menyiksa hiks2x.. Pada kali ini saya akan coba memberikan info sederhana, mungkin anda telah mengetahui cara ini, tapi mungkin saja ada yang belum (sama seperti ketika saya baru belajar)🙂

Dulu, sebelum tahu  perintah ini, ketika ingin mendapatkan nilai combo box, saya harus mensubmit dulu sebuah form, kemudian menangkapnya dengan metode $_GET atau $_POST. Ada cara lain tanpa melewati proses submit, namun sebelumnya kita harus memahami sedikit perintah – perintah di javascript, setidaknya mengenai perintah getElementById.

Misal ada sebuah Combo Box dengan id cmb1 dan Textbox dengan id result :
<select name=cmb1  id=cmb1 onchange=”document.getElementById(‘result’).value=this.value”>
<option value=’1′>Nilai Satu</option>
<option value=’2′>Nilai Dua</option>
</select>

<input type=text name=result id=result>

Penjelasan :
Saya menggunakan Event Onchange pada combobox tersebut, dengan tujuan ketika ada perubahan di Combo Box nilai dari data yang kita pilih akan tersimpan di texbox dengan id=result.  Disini saya menggunakan metode getElementById(‘result’), agar perintah ini dapat digunakan di browser selain IE.

Semoga Bermanfaat

Categories: Java Script, Tips
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: