Javascript Bahasa Indonesia Memahami Fungsi Option Selected all, Up, Down Posisi

Add Option Select

Javascript Code Memahami Fungsi Option Selected all, Up, Down Bahasa Indonesia - dalam pembahasan kali ini kita akan bahas tentang javascript code tentang option selected, yang pasti script code js ini pasti di gunakan dalam sebuah form seleksi pemilihan data. 

Kadang kode seleksi ini di gunakam dalan pilihan seperti membuat form register dalam memilih jenis kelamin, serta pilihan menu kriteria pembahasan. 

Penting sekali dalam belajar kode ini, karena itu kita wajib belajar js code ini untuk dapat di kembangkan dalam membuat form situs, terutama saat kita menemukan sebuah problem pembangunan situs dalam pelakukan pemilih saat register data. 

Mari kita mulai belajar javascript code selected all, up dan down code,kita awali belajar javascript code kali ini dengan mengetahui pengertian dan fungsinya seperti berikut ini. 

Pengertian Selected all, up, down 

Javascript selected adalah sebuah code js yang di gunakan dalam melakukan seleksi option yang di maksud, serta meenandai seleksi dalam posisi keadaan all atau memidahkan posisi seleksi dalam posisi Up atau down. 

Mari kita pahami fungsi dasar dengan pemahaman awal seleksi kode dimaksud seperti ini. 

 option data nama : 
nama satu 
nama dua 
Nama tiga 
Nama empat 
Seleksi dalam keadaan no cheked 
pilihan 
all cheked 
No cheked  

Contoh logica di atas menunjukan nilai dalam sebuah formscript js yang nantinya bisa di buat all cheked dan no all cheked. 

Memang bisa dengan sitem manual, namun untuk sleksi yang lebih efektif dalam melakukan cheked adalah dengan menggunakan sistem Js cheked all cheked tanpa kita lakukan ceklis secara satu persatu. 

Disamping itu bila kita ini memindahkan posisi urutan cheked tersebut, butuh mengubah semua rumus script, solusinya dengan menggunakan script js kita bisa olah data dengan rumus seadanya saja tanpa kita mengubah struktur code html dimaksud, bagaiman caranya kita bisa langsung melihat secript di bawah ini. 

Script java Selected all 

<script> 
function allSelected(isSelect) 
{ 
var listbox = document.getElementById("lstid"); 
for (var i = 0; i < listbox.options.length; i++) 
{ 
listbox.options[i].selected = isSelect; 
} 
} 
</script>
<select id="lstid" size="15" multiple=""> 
<option value="1">Nama</option> 
<option value="2">umur</option> 
<option value="3">Alamat</option> 
<option value="4">Kota</option> 
<option value="5">Post</option> 
<option value="6">Blok</option> 
<option value="7">Kecamatam</option> 
<option value="8">Kabupaten</option> 
<option value="9">Negara</option> 
</select> 
<br> 
<button onclick="allSelected(true);">Select All</button>
<button onclick="allSelected(false);">Deselect All</button>

Example Select all

Script di atas menunjukaan saat tombol select di klik maka semua optian akan terseleksi saat tombol deselected all di tekan maka semua seleksi akan terhapus. 

Belum sempurna kalau kita belum memahami dengan detail maka kita gunakan example code rumus seleksi kedua seperti di bawah ini langsung. 

Script Java selected Move Up, Down 

<script> 
function listboxPindah(listID, direction) 
{ 
var listbox = document.getElementById(listID); 
var selIndex = listbox.selectedIndex; 
if (-1 == selIndex) 
{ 
alert("Please select an option to move."); 
return; 
} 
var increment = -1; 
if (direction == 'up') 
increment = -1; 
else 
increment = 1; 
if ((selIndex + increment) < 0 || 
(selIndex + increment) > (listbox.options.length - 1)) 
{ 
return; 
} 
var selValue = listbox.options[selIndex].value; 
var selText = listbox.options[selIndex].text; 
listbox.options[selIndex].value = listbox.options[selIndex + increment].value 
listbox.options[selIndex].text = listbox.options[selIndex + increment].text 
listbox.options[selIndex + increment].value = selValue; 
listbox.options[selIndex + increment].text = selText; 
listbox.selectedIndex = selIndex + increment; 
} 
</script>


<select id="lst" size="15" multiple=""> 
<option value="1">Script</option> 
<option value="2">Code</option> 
<option value="3">Js</option> 
<option value="4">Javascript</option> 
<option value="5">Tutorial</option> 
<option value="6">selected</option> 
<option value="7">option</option> 
<option value="8">rumus Js</option> 
<option value="9">belajar Js</option> 
</select> 
<br> 
<button onclick="listboxPindah('lst', 'up');">Pindan Keatas</button> 
<button onclick="listboxPindah('lst', 'down');">Pindah Kebawah</button>

Js Pindah posisi option

Perhatikan script di atas saat seleksi ti tekan maka akan berpidan posisi seleksi menjadi kebawah, tanpa harus kita repot repot mengubah struktur option Html code tersebut. 

Oke kita telah memahami js code seleksi up atau down posisi serta code dengan all selected serta Deselected, mari kita mulai berkreasi dengan kode kode tersebut, kita Kembangkan agar kode tersebute menjadi lebih komplex dan sesuai kebutuh kita sekia salam Js code. 

Share this

Author : admin

Related Posts