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 thoughts on “Autopopulate select dropdown using jquery

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

Leave a Reply

Your email address will not be published. Required fields are marked *

*