Web Programming

Preselected Dropdown From Another Dropdown Menu in HTML

Cara dibawah ini bisa digunakan ketika ingin memilih default value pada dropdown menu di php/html.

//BUAT TERLEBIH DAHULU DROP DOWN MENU NYA…
<select id=”status” name=”status”>
<option value=”POB”>POB</option>
<option value=”Temporary Visitor”>Temporary Visitor</option>
<option value=”Daily Visitor”>Daily Visitor</option>
</select>

//MASUKKAN SCRIPT BERIKUT SETELAH DROPDOWN…
<script>
function setSelectedIndex(s, v) {
for ( var i = 0; i < s.options.length; i++ ) {
if ( s.options[i].text == v ) {
s.options[i].selected = true;
return;
}
}
}
setSelectedIndex(document.getElementById(‘status’),” Temporary Visitor “);
</script>

//Catatan – PERHATIKAN.. value dari preselected dropdown akan sesuai dengan string yang kita masukkan pada baris ini:
setSelectedIndex(document.getElementById(‘status’),”Temporary Visitor”);

Dengan satu baris diatas saja kita dapat juga mendapatkan nilai POST dari form lain pada dropdown yang telah kita buat, ubah saja sesuai dengan POST dari form sebelumnya, contoh:
setSelectedIndex(document.getElementById(‘status’),”<?php echo $row[‘status’] ?>”);

Leave a Reply