klik kombo tampil otomatis checkbox/radio

izar isham · Nov 2, 2011
om ellyx mau tanya, entah pake jquery atau javascript
jadi ceritanya saya punya combobox misal

<select>
<option value=1>X</option>
<option value=2>Y</option>
</select>

nah ketika saya pilih misalnya X maka akan muncul otomatis dibawah/sampingnya

<input type='checkbox'value='XA'/>
<input type='checkbox'value='XB'/>

lalu jika saya pilih misalnya Y maka akan muncul otomatis dibawah/sampingnya

<input type='checkbox 'value='YA'/>
<input type='checkbox' value='YB'/>

Kira2 caranya gimana ya

makasih banget .....
Silahkan login untuk menjawab!
0
Fadli · Nov 2, 2011 · 0 Suka · 0 Tidak Suka
kayaknya aku pernah lihat yang semacam ini di http://dynamicdrive.com/tapi tadi coba cari, ga ketemu juga. mungkin bisa dicek ulang, barangkali aku tadi terselip. sorry kurang membantu
0
izar isham · Nov 2, 2011 · 0 Suka · 0 Tidak Suka
@fadli : terimakasih udah mau menjawab walau belum ada solusi.... enaknya mmg pakai jquery spy gk repot urusan beda2 browser
0
Ellyx Christian · Nov 2, 2011 · 0 Suka · 0 Tidak Suka
sebenernya ini tidak perlu pake jquery:
<select onchange="changeSelect(this.value)">
<option value"">---select---</option>
<option value="1">X</option>
<option value="2">Y</option>
</select>
<span id="radio"></span>
<script type="text/javascript">
function changeSelect(val){
var html = '';
if(val == '1'){
html += "<input type='checkbox'value='XA'/>"+
"<input type='checkbox'value='XB'/>";
}else{
html += "<input type='checkbox 'value='YA'/>"+
"<input type='checkbox' value='YB'/>";
}
document.getElementById('radio').innerHTML = html;
}
</script>
0
izar isham · Nov 3, 2011 · 0 Suka · 0 Tidak Suka
iya bs, tp maaf bang ellyx, ternyata saya menemui kasus bukan hy muncul checbox tapi muncul combobox yg isinya diambil dari database.
0
Ellyx Christian · Nov 3, 2011 · 0 Suka · 0 Tidak Suka
ini hampir mirip dengan http://ask.myphptutorials.com/questions/view/166
singkatnya seperti ini:
pertama buat file php untuk menampilkan combobox atau yang lainnya, misal:
<?php
//file get_data.php';
if($_GET['q'] == 1){
echo 'satu';
}else{
echo 'dua';
}
//kode ini bisa dimodifikasi sesuia keinginana
dan di bagian htmlnya
<select onchange="changeSelect(this.value)">
<option value"">---select---</option>
<option value="1">X</option>
<option value="2">Y</option>
</select>
<span id="radio"></span>
<!-- jquery --->
<script type="text/javsacript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
function changeSelect(val){
$('#radio').html('loading...');
$('#radio').load('get_data.php?q='+val);
}
</script>