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 ''.$optionValue.'';
endforeach;
endif;

jq_autopopulate.php
jquery ditempatkan di HEAD

Kod untuk paparan yang ditempatkan di dalam BODY

Dropdown No. 1 :
    
        
            - Select Item Here -
        
        
            List of Colors
        
        
            List of Shapes
        
        
            List of Animals
        
    



DropDown No. 2 :
   



 

Selamat Mencuba
rais.my