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>
Like this:
Be the first to like this post.
Masukan ini dipos pada 5 Mei 2008 3:50 dan disimpan pada Javascript dengan kaitan (tags) function, listbox. Anda dapat mengikuti semua aliran respons RSS 2.0 dari masukan ini Anda dapat memberikan tanggapan, atau trackback dari situs anda.
