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