Dynamisches Hinzufügen einer Zeile mit Dropdown-Ajax-Aufrufen in Codeigniter ⇐ Jquery

[Anonymous]

DropDown hinzufügen


Im obigen Bild fülle ich die Zeile dynamisch mit dem folgenden Code:-
jQuery + Ajax-Code:-

Code: Select all

jQuery(function($) {
var $button = $('#add-row'),
$row  =$('tr.timesheet-row').clone();
$button.click(function() {
$row.clone(true).appendTo('tbody').val("");
});
});

Jetzt möchte ich, dass der Testname jedes Mal, wenn ich Zeilen hinzufüge, entsprechend der vom Benutzer über einen Ajax-Aufruf ausgewählten Testkategorie geändert wird, aber ich stehe vor dem Problem, dass nur die erste Zeile über einen Ajax-Aufruf geändert wird, aber der Rest oder nicht.
Jetzt lautet der Code für den Ajax-Aufruf:

Code: Select all

$(document).ready(function() {
// function myAjaxFunction(elem)
//{
$('.changeAjax').change(function() {
var selTestCatg = $(this).val();
$.ajax({
url: "index.php/addPatientDetails/selectTestName",
type: "POST",
data: "testCategory="+selTestCatg,
success: function(data){
$('#testName').html(data);
}
});
});
//}
});

Dies ist mein Ansichtsteil

Code: Select all

Select Doctor Name







Select Test Type







Select Test Name

Modellcode:-

Code: Select all

public function getTestName()
{
$this->db->select('test_details.*,test_catg.test_type as TestCategory');
$this->db->from('test_details');
$this->db->join('test_catg','test_catg.id = test_details.test_catg_id');
//$this->db->where('test_details.test_catg_id',$testCatgID);
$query3 = $this->db->get();

if($query3->num_rows() > 0)
{
$result3 = $query3->result_array();
return $result3;
}
else
{
return FALSE;
}
}

Dies ist mein Controller-Teil:

Code: Select all

public function selectTestName()
{
$testCatgID = $this->input->post('testCategory');
if(isset($testCatgID) != '')
{
$listTestName = $this->patientDB->getTestName($testCatgID);
foreach($listTestName as $row3)
{
$testName .= ''.$row3['test_name'].'';
}
echo $testName;
}
}