Kaskus

Tech

XoniAceAvatar border
TS
XoniAce
menguhubungkan select form dengan input text
gan ane mau nanya javascript donk

ane ada 4 field

nim: (input text)
nama : (input text)
prodi : (input text)
program_diploma: (select box) --> value nya : 'ti','si','akun'

ane pake autofill jquery, jadi pas ane ketik di kolom nim muncul sugesti dan pas ane klik maka akan ngisi otomatis kolom text nama & prodi

masalahnya
ane mau ngubah value kolom text prodi = value select box program_diploma

hasilnya spt ini

nim: 32100024(input text)
nama:vina(input text)
prodi:ti(input text)
program_diploma: ti(select box)

ane gugling en ketemu caranya disini

cuman event javascriptnya harus mousekeyup baru value program_diploma berubah,
jadi pas kolom prodi sudah terisi, ane klik kolom itu barulah option select box program_diploma kerubah value nya mjd ti juga

pertanyaan ane:
-event apa yang harus ane pake kalo mau ngerubah value select box program_diploma tanpa harus klik kolom input text prodi?

jadi begitu autofill kolom text prodi, js akan lsg jalan dan merubah value program_diploma

berikut js yg ane pake daan yg ane bold adalah event yg digunakan

Code:
<pre>
<script type="text/javascript">

function bindElems(){

var rn=document.getElementById('rollno'emoticon-Wink,ms=document.getElementById('mysubject'emoticon-Wink,opts=ms.options;

rn.[B]onmouseup[/B]=function(){for(var i in opts){if(this.value===opts[i].value){ms.selectedIndex=i;this.[B]blur[/B]();break;}else{continue;}}}

rn.focus();

}

window.onload=bindElems;

</script>

<br />
<br /></pre>


Code:
<pre>
<select name="prodi" id="cmb" >
<option value="" >---Select Field---</option>
<option value="TI" >Teknik Informatika</option>
<option value="SI" >Sistem Informasi</option>
</select>

<input id="prodi" name="" value=""/>
<br /></pre>
Diubah oleh XoniAce 11-06-2013 04:00
0
712
0
GuestAvatar border
Komentar yang asik ya
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan