HTML section
<tr> <th class= "TextAlign" > Your city </th> <td> <select name= "PR ovince_id "class=" select "> <?phpif(er->province_id):?> <option value= "<?= er->province_id?>" ><?= er-&G T;strprovincename ()?></option> <?phpElse:?> <option value= "" > Please select </option> <?php endif;?> <?phpif(Isset ($province) && count ($province)):?> <?php foreach ($province as $key = $val):? & Gt <option value= "<?= $key?>" ><?= $val?></option> <?php endforeach;? > <?php endif;? > </select> <select name= "city_id" class= "select" > <?ph Pif(er->city_id):?> <option value= "<?= er->city_id?>" ><?= er->strcit Yname ()?></option> <?phpElse:?> <option value= "" > Please select </option> <?php endif;?> </select> <select name= "country_id" class= "select" > <?phpif(er->country_id):?> <option value= "<?= er->country_id?>" ><?= er Strcountryname ()?></option> <?phpElse:?> <option value= "" > Please select </option> <?php endif;?> </select> </td> </tr>
JS Section Code
$ (' select[name= ' province_id "]). Change (function() {$.get (' <?=url (' city/city ')?> ', {' province_id ': $ (this). Val ()}, function (data) {if(data.length===0) {alert (' Not found in subordinate cities '); return; } $(' Select[name= ' city_id "] '). empty (); $(' Select[name= ' city_id "]). Append (" <option value= ' 0 ' > Please select Province </option> "); for(varIinchdata) { $(' Select[name= ' city_id "]). Append (' <option value= ' ' +data[i].id+ '" > ' +data[i].name+ ' </option> '); } }); }); $(' Select[name= ' city_id "]). Change (function() {$.get (' <?=url (' city/country ')?> ', {' city_id ': $ (this). Val ()}, function (data) {if(data.length===0) {alert (' Not found in subordinate cities '); return; } $(' Select[name= ' country_id "] '). empty (); $(' Select[name= ' country_id "]). Append (" <option value= ' 0 ' > Please select Province </option> "); for(varIinchdata) { $(' Select[name= ' country_id "]). Append (' <option value= ' ' +data[i].id+ '" > ' +data[i].name+ ' </option> '); } }); });
Provincial Urban linkage