HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

semakan input | dua kotak senarai

Pilihan pada kotak senarai pertama mempengaruhi pilihan pada kotak senarai kedua. Sesuai untuk memaparkan jenis barangan/pilihan mengikut kategori tertentu.

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai 2senarai.htm.

<HTML>
<SCRIPT LANGUAGE=javascript>
<!--
function opt(href,text) {
    whatTo = document.formName1.selectName2
    var optionName = new Option(text, href, false, false)
    var length = whatTo.length;
    whatTo.options[length] = optionName;
}

function populate(val){
    whatTo = document.formName1.selectName2

for (var i = whatTo.length;i > 0;i--)
        whatTo.options[0] = null;

if (val.value == 'pahang') {
        opt('kuantan','Kuantan');
        opt('temerloh','Temerloh');	
        opt('maran','Maran');
        opt('raub','Raub');
    }

if (val.value == 'perak') {
        opt('ipoh','Ipoh');
        opt('kangsar','Kuala Kangsar');	
        opt('t_intan','Teluk Intan');
        opt('taiping','Taiping');
    }

if (val.value == 'selangor') {
        opt('s_alam','Shah Alam');
        opt('beranang','Beranang');	
        opt('s_buluh','Sungai Buloh');
        opt('gombak','Gombak');
    }
}
//-->
</SCRIPT>

</HEAD>
<BODY>
<form name="formName1">
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td width="100%" height="21" colspan="2"> <font face="Verdana" size="2">Pilih 
satu nilai dari kotak senarai negeri dan perhatikan 
nilai pada kotak senarai daerah berubah.</font>  
</td>
</tr>
<tr> 
<td width="18%" height="10"> </td>
<td width="82%"> </td>
</tr>
<tr> 
<td width="18%"><font face="Verdana" size="2">Negeri</font></td>
<td width="82%"> 
<select name="selectName1" onChange="populate(this)" style="width:200">
<option selected><-Sila pilih satu negeri-></option>
<option value="pahang">Pahang 
<option value="perak">Perak 
<option value="selangor">Selangor 
</select>
</td>
</tr>
<tr> 
<td width="18%"><font face="Verdana" size="2">Daerah</font></td>
<td width="82%"> 
<select name="selectName2" style="width:200">
<option></option>
</select>
</td>
</tr>
</table>
</form>
</body>
</HTML>