My dropdown list clears. i am using dependent dropdown list .
First Dropdown list
*****************
<div class="col-md-4">
<div class="form-group">
<label for="Branch">Branch</label>
<select class="form-control required" id="sel_bran" name="branch">
<option>-- Select Branch --</option>
</select>
</div>
</div>
Second Dropdown list
******************
<div class="col-md-2">
<div class="form-group">
<label for="Sem">Sem</label>
<select class="form-control required" id="sel_sem" name="sem">
<option>-- Select Semester --</option>
</select>
</div>
</div>
Ajax First Method
***************
<script src="<?php echo base_url(); ?>assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script type='text/javascript'>
// baseURL variable
var baseURL= "<?php echo base_url();?>";
$(document).ready(function(){
// City change
$('#sel_city').change(function(){
var vana = $(this).val();
// AJAX request
$.ajax({
url:'<?=base_url()?>index.php/User/getBranch',
method: 'post',
data: {vana: vana},
dataType: 'json',
success: function(response){
// Remove options
// $('#sel_user').find('option').not(':first').remove();
$('#sel_bran').find('option').not(':first').remove();
// Add options
$.each(response,function(index,data){
$('#sel_bran').append('<option value="'+data['brcode']+'">'+data['brname']+'</option>');
});
}
});
});
});
</script>
Second Ajax method
*****************
<script type='text/javascript'>
// baseURL variable
var baseURL= "<?php echo base_url();?>";
$(document).ready(function(){
// City change
$('#sel_bran').change(function(){
var vana = $(this).val();
// AJAX request
$.ajax({
url:'<?=base_url()?>index.php/User/getSem',
method: 'post',
data: {vana: vana},
dataType: 'json',
success: function(response){
// Remove options
// $('#sel_user').find('option').not(':first').remove();
$('#sel_sem').find('option').not(':first').remove();
// Add options
$.each(response,function(index,data){
$('#sel_sem').append('<option value="'+data['brcode']+'">'+data['sem']+'</option>');
});
}
});
});
});
</script>
Both Dropdown list working properly. once submit the form values are passed to controller successfully .
But this dropdown list cleared. Why?
Help me to clearout the problem