$( ‘#seriesselect’ ).html( ” );

select

${brands_name};

select

${series_name};

in js file
$.ajax({
url: ‘admin/models/get_brands’,
dataType: ‘json’,
success: function( response ) {
$( ‘#brandTemplate’ ).render( response ).appendTo( “#brandsselect” );
}
});

$(‘#brandsselect’).change(function() {
brands_id = $(‘#brandsselect’) .val();
//need to clear old data
$.ajax({
url: ‘admin/models/get_series_one/’ + brands_id,
dataType: ‘json’,
success: function( response ) {
$( ‘#seriesTemplate’ ).render( response ).appendTo( “#seriesselect” );
}
});
});

problem is after change the brand several times , series select is populated with multiple records , i need to reset every time after change the brands. How to do this ?

<script type=”text/template” id=”countryListTemplate”>
<option value=”${id}”>${country}</option>
</script>

Then give an id countryList to select element:
<select id=”countryList” name=”countryList”></select>

Finally add following lines of code in your script file:

$( function() {
$.ajax({
url: ‘url_to_controller_method_OR_php_file’,
dataType: ‘json’,
success: function( response ) {
$( ‘#countryListTemplate’ ).render( response ).appendTo( “#countryList” );
}
});
});

That’s it

In my database, I add one more table called “origin”, the fields are “id”, “country” and “capital”.
I also add a field called “id_origin” in “user” table. the “id_origin” refers to “id” in “origin” table.

what I want is, every time I click update, in the update dialog shows a dropdown which values and labels are populated from “id” and “country” in “origin” table.

hope this is clear enough

Thank you

Don’t worry, in Part 5, validation will be covered