Autopopulate select dropdown using jquery

Setelah tercari-cari baru dapat keyword yang betul. Bukan drilldown tapi keyword yang betul ‘autopopulate select dropdown’.

Apa yang aku cari ialah bagaimana sekiranya ada 2 dropdown menu, di mana senarai dropdown kedua bergantung kepada dropdown pertama.

Sebagai contoh kita pilih dropdown pertama negeri dan dropdown kedua secara otomatik akan senaraikan daerah untuk negeri tersebut.

Contoh klik di sini

Contoh berikut terdapat 2 fail iaitu jq_autopopulate.php dan jq_autopopulate2.php

jq_autopopulate2.php

$expectedValues = array("color", "animals", "shape");

$selectionArr['color'] = array('blue', 'red', 'green');
$selectionArr['animals'] = array('cat', 'rabbit', 'girrafe', 'elephant', 'chicken');
$selectionArr['shape'] = array('circle', 'square', 'triangle');

if (isset($_POST['data']) && in_array($_POST['data'], $expectedValues)):
$selectedArr = $selectionArr[$_POST['data']];

foreach($selectedArr as $optionValue):
    echo '';
endforeach;
endif;

jq_autopopulate.php
jquery ditempatkan di HEAD



Kod untuk paparan yang ditempatkan di dalam BODY

Dropdown No. 1 :
    


DropDown No. 2 :

 

Selamat Mencuba
rais.my

4 comments

comments user
hazwani

ha…ni la yg saya dok tanya en. dr study dulu…brilliant!

comments user
rais

Kalau guna jquery lebih mudah daripada kita guna javascritp biasa….. and boleh compatible ngan mana2 browser…

comments user
lina

macam mana nak amik data dari DB gunakan selectdropdown ni

comments user
rais

sama… cuma…
kod :

$selectionArr[‘item’] = ;

Post Comment