- Beranda
- Komunitas
- Tech
- Programmer Forum
menguhubungkan select form dengan input text


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
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',ms=document.getElementById('mysubject'
,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


Komentar yang asik ya


Komentar yang asik ya
Komunitas Pilihan