php - 按钮动态复制在 php 上的 div 中填充的下拉列表

Question

在一个 div 中动态添加更多下拉列表(通过访问 MySQL 数据库填充)的按钮？有点复制最初的那个。

我已经设法用 javascript 复制了一个只有文本框的 div(因此它们更容易，不需要访问数据库)。 javascript 进行复制。

下面是javascript

var counter = 1;
var limit = 15;
function addInput(divName){
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " inputs");
     }
     else {
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "Type: <input type='text' name='types[]'> <br> Desc: <input type='text' name='descs[]'> <p>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}

我面临的问题是 dropdownlist + 通过 javascript 中的数据库填充。下面是我希望复制的下拉列表

        sqlconn();
        $sql="SELECT type FROM products";
        $result = mysql_query($sql);
        $num_rows = mysql_num_rows($result);
        echo "<select type=\"type\">";      
        for($i=0;$i<$num_rows;$i++){
            $products = mysql_fetch_array($result);
            echo "<option value='" . $products['type'] . "'>" . $products['type'] . "</option>";
        }
        echo "</select>";
        mysql_close($con);

Answer 1

那你为什么不使用 AJAX？创建下拉元素，向服务器发送下拉项请求，获取它们并填充您的列表。