Javascript php mysql使用add按钮填充几个动态下拉列表

这是我的第一篇帖子：） 我有一个mysql数据库和一个表单，您可以在其中选择要订购的内容。我不得不说，对于输入字段，它是有效的，但对于动态下拉列表，我有一个问题。这就是我的问题（两个问题）：

现在，我的问题是，单击“添加”按钮时如何插入下拉列表？当然，它应该作为第一个，例如，它必须是独立的

---

谢谢，erik

新选择的内容（选项）是否与前两个相同？我建议对代码进行更大的重构。并不是说这是坏的或错误的-一点也不-但你被困在这里，如果你继续这样下去，你会遇到更多的问题。我会把所有的逻辑转移到js，包括第一个表单的构建。。。所有新选择的内容都必须相同。有点像上面的图片，但里面是硬编码的。。。由于我需要将表单升级到x（目前最多25行），如果我这样做，它会变得很难看：）是的，我有点卡住了：/我认为策略应该是将类别和文章作为js数组，并完全在js中构建表单。不需要重新加载页面，更容易添加新行，…好的，我做到了：）我现在有一个不同的方法。。。使用ajax调用填充字段。它就像一个符咒。

<?php
// Getting the data from mySQL table for first list box
$quer1="SELECT DISTINCT kategorija FROM artikli order by kategorija"; 

// for second dropdown list we will check if category is selected else we will display all the subcategories

if(isset($kategorija) and strlen($kategorija) > 0) {
    $quer2="SELECT artikel FROM artikli where kategorija='$kategorija' order by artikel";
}
else {
    $quer2="SELECT artikel FROM artikli order by artikel"; 
}
?>

<form id="forma_narocilo" action="naroci.php" method="POST">
<div class="input_fields_wrap">
    <div>

        <select name="kategorija" id="kategorija" ><option value="">Izberi kategorijo</option>
        <?php
            foreach ($dbo->query($quer1) as $row2) {
                if($row2['kategorija']==$kategorija) {
                    echo "<option id='izbirna_kategorija' selected value='$row2[kategorija]' onchange='self.location=self.location+'?kategorija='+this.options[this.selectedIndex].value'>$row2[kategorija]</option>"."<br />";
                }
                else {
                    echo  "<option id='izbirna_kategorija' value='$row2[kategorija]'>$row2[kategorija]</option>";
                }
            }
            echo "</select>";

            echo "<select name='artikel[]'><option value=''>Izberi artikel</option>";
            foreach ($dbo->query($quer2) as $row) {
                echo  "<option value='$row[artikel]'>$row[artikel]</option>";
            }
            echo "</select>";

?>
            <input type="number" name="kolicina[]"/><button class="add_field_button">Add line</button>
    </div>
</div>
<input type="submit" id="shrani" value="Save" >
</form>

function reload(){
    var form = document.getElementById("forma_narocilo");
    var val = form.kategorija.options[form.kategorija.options.selectedIndex].value;
        self.location='?kategorija=' + val ;
    }
    function init(){
        document.getElementById("kategorija").onchange = reload;
    }
    window.onload = init;