У меня есть бланк счета на покупку, который я добавляю в строку по javascript и получаю значения из базы данных mysql по php.
function addRow(dataTable) {
var table = document.getElementById("dataTable");
var rowCount = table.rows.length;
if(rowCount < 100) {
var row = table.insertRow(rowCount);
var colCount = table.rows[0].cells.length;
for(var i=0; i<colCount; i++) {
var newcell = row.insertCell(i);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
}
table.appendChild(newrow);
} else {
alert("En fazla 100 satır ekleyebilirsiniz.");
}
var selects = newrow.getElementsByTagName('select');
for(var i=1; i<selects.length;i++) {
selects[i].id = Math.random().toString(36).slice(2);
}
}
function fetch_select(val) {
$.ajax({
type: 'post',
url: 'stoklari_cek.php',
data: {sto_altgrup_kod:val},
success: function (response) {
document.getElementById("kodlar").innerHTML=response;
}
});
}
В первой строке, когда я изменяю первое значение выбора, я могу получить вторые значения secelt из базы данных. Но когда я добавляю новую строку и изменяю первое значение выбора, это изменяет первые строки второго выбора. Я пытался дать уникальный идентификатор для каждого элемента выбора с этим кодом, но я не мог перезвонить во второй части кодов. Вскоре я хочу изменить значения второго выбора, когда я изменяю первое значение выбора в каждой строке, которую я добавил.
Это первый выбранный элемент каждой строки.
<select style="margin: 0 !important; padding: 0 !important; width:100%" name="gruplar" id="gruplar" class="gruplar" onChange="fetch_select(this.value)" required>
<option value="">--Alt Gruplar--</option>
<?php $altgrup_al = mysql_query("SELECT * FROM stok_alt_gruplari ORDER BY sta_isim ASC");
while($altgrup_cek = mysql_fetch_array($altgrup_al)){
$sta_isim = $altgrup_cek['sta_isim'];
$sta_RECno = $altgrup_cek['sta_RECno'];
echo '<option ';
echo 'value="'.$altgrup_cek['sta_RECno'].'">'.$altgrup_cek['sta_isim'].'</option>';}?>
</select>
И это второй выбор, значения которого должны изменяться в соответствии с первым выбором выше.
<select style="margin: 0 !important; padding: 0 !important; width:100%" class="kodlar" id="kodlar" name="sth_stok_kod[]" required>
<option value="">--Ürünler--</option>
Задача ещё не решена.
Других решений пока нет …