«
»

Select All dan Unselect Listbox

Setelah selesai dengan masalah mengisi listbox dari listbox yang lain, muncul masalah baru yaitu untuk mengirimkan value dari listbox itu harus dipilih dahulu, dengan kata lain sebelum submit, data dalam listbox tersebut harus dipilih semua secara otomatis.
Dari permasalahan diatas, source code dibawah ini berfungsi untuk memilih semua data (select all) dan tidak memilih semua data(unselect) dari listbox.

<html>
<head>
<title>Select All</title>
<script language="javascript">
	function selectAll(selectbox, pilih)
	{
		for (var i = 0; i < selectbox.length; i++) {
			selectbox.options[i].selected = pilih;
		}
	} 

</script>
</head>
	<form name="pilihsemua">
		<select name="listbox" multiple="multiple">
			<option value="A">A</option>
			<option value="B">B</option>
			<option value="C">C</option>
			<option value="D">D</option>
		</select>
		<input type="button" onclick="selectAll(document.pilihsemua.listbox, true);" value="Select All"  />
		<input type="button" onclick="selectAll(document.pilihsemua.listbox, false);" value="Unselect" />
	</form>
<body>
</body>
</html>

Masukan ini dipos pada 5 Mei 2008 3:50 dan disimpan pada Javascript dengan kaitan (tags) , . Anda dapat mengikuti semua aliran respons RSS 2.0 dari masukan ini Anda dapat memberikan tanggapan, atau trackback dari situs anda.

Tinggalkan Balasan