CodeIgniter ने यादृच्छिक रूप से पॉप्युलेट किए गए ड्रॉपडाउन में क्वेरी परिणाम के आधार पर विकल्प का चयन किया

नमस्ते,

मैं चाहता हूं कि पाठ्यक्रम ड्रॉपडाउन में एक विकल्प चुना जाए यदि वह एक निश्चित मान के बराबर हो।

हर बार जब कोई प्रोग्राम ड्रॉपडाउन से कोई प्रोग्राम चुनता है तो पाठ्यक्रम ड्रॉपडाउन यादृच्छिक रूप से पॉप्युलेट हो जाएगा।

मेरे पास दो ड्रॉपडाउन बॉक्स प्रोग्राम और कोर्स हैं, जब मैं प्रोग्राम का चयन करता हूं तो संबंधित पाठ्यक्रम कोर्स बॉक्स में आते हैं, अब मैं उन पाठ्यक्रमों में चयनित विकल्प चाहता हूं जिनकी आईडी पोस्ट की गई है।

कृपया समस्या का समाधान करने में मेरी सहायता करें.

मैंने क्या प्रयास किया है:

<div class="form-group">
	<label for="program">Program</label>
	<select class="form-control" name="programid" id="programid" required>
	  <option value="">Select Program</option>
	  <?php foreach($programs as $obj) { ?>
		<option value="<?=$obj['programid'] ?>"<?php if($row['programid'] == $obj['programid']) { ?> selected <?php } ?> ><?=$obj['program'] ?></option>
		<?php } ?>
	</select>
  </div>
  <div class="form-group">
	<label for="course">Course</label>
	<select class="form-control" name="courseid" id="courseid" required>
	</select>
 </div>

$('#programid').change(function() {
      var programid = $(this).val();
      var courseid = null;
      <?php if($row['courseid'] != null && !empty($row['courseid'])) { ?> courseid = <?php echo $row['courseid']; }  ?>       
      $.ajax({
        url : "<?=site_url('get_courses');?>",
                    method : "POST",
                    data : {programid: programid},
                    async : true,
                    dataType : 'json',
                    success: function(data){                       
                        var html = '<option value="">Select Course</option>';
                        var i;
                        for(i=0; i<data.length; i++){
                            if(data[i].courseid == courseid)
                            {
                                html += '<option value='+data[i].courseid+' "option:selected" >'+data[i].course+'</option>';
                            }
                            else
                            {
                            html += '<option value='+data[i].courseid+'>'+data[i].course+'</option>';
                            }
                        }
                        $('#courseid').html(html);

                    }
      })
    });