Javascript 如何将php代码与js代码混合使用

我有一个动态表，当最终用户按下按钮时生成行。我在输入框上使用它没有问题。现在，我试图将一个输入更改为一个组合框，该组合框用于查询数据库中的数据。我知道的问题是如何动态添加组合框及其php代码

$（文档）.ready（函数（）{
var计数器=2；
$（'.add row'）。单击（函数（）{
$（“.item_form”）。追加(
''
);
计数器++；
});
$（'.del行'）。单击（函数（）{
如果（$（“.item_form tr”）.length！=2）
{
$（“.item_form tr:last child”）.remove（）；
计数器--；
}
其他的
{
警报（“您不能删除第一行”）；
}
});
});

我刚刚使用了一个MOCK来填充动态
select
框。
您需要在
服务器
环境中删除该模拟。
如果数据库提供了正确的数据，则将该数据填充到
JavaScript
数组中。然后，您可以使用该数组填充动态
select
框


函数populateSelect（元素）{
品牌。forEach（功能（品牌）{
$('', {
价值：品牌，
文字：品牌
}).appendTo（$（元素））；
})
}
$（文档）.ready（函数（）{
populateSelect（'select'）；//填充第一个select
var计数器=2；
$（'.add row'）。单击（函数（）{
$（“.item_form”）。追加（“”）；
populateSelect（#select serialno“+计数器）；//填充新创建的select
计数器++；
});
$（'.del行'）。单击（函数（）{
如果（$（“.item_form tr”）.length！=2）
{
$（“.item_form tr:last child”）.remove（）；
计数器--；
}
其他的
{
警报（“您不能删除第一行”）；
}
});
});


试着用另一种方式来看待它。刚刚添加了一个函数来镜像第一个使用php查询填充的组合框

var counter = 2;
$('.add-row2').click(function() {
$(".release_form").append('<tr><td><select name="show_brands[]" id="unique'+counter+'"></select></td><td><input type="text" name="serialnob[]" placeholder="serial no.' +

  counter + '"/></td></tr>');
  $('#unique'+counter).append($('#unique').html());
  counter++; 
});

var计数器=2；
$（'.add-row2'）。单击（函数（）{
$（“.release_form”）。追加（“”）；
$（'#unique'+counter）.append（$（'#unique'）.html（））；
计数器++；
});
你可以通过
echo'jscode HERE'使用phpEither默认情况下以隐藏状态加载并在单击按钮时显示它，或者使用AJAX获取数据库信息。@JyothiBabuAraja我不确定您的建议是什么。我可以复制/附加组合框。但是需要传递的查询来填充选项和值，这是我面临的问题。什么是最好的方法？@KilianStinson我想实现一些只按照附加行执行的方法。即使这样，我认为它也会对动态查询的处理产生影响。至于ajax，我正在寻找一些样本，我认为你是对的。最好将php查询设置为外部查询，并在我的脚本中调用它。但是我不知道从哪里开始。你能找到一个基本的样本吗？@bongoloids所以你想为每个
输入添加
select
，并用
db数据填充
select
，使用
php
right？在过去的一个小时里一直在摆弄这个。不幸的是，我没能让它工作。无论如何，谢谢你，我可能会找一个解决办法。数据来自数据库吗？