Question

有点坚持这一段了。

我需要我的代码才能通过单击按钮创建2个元素（文本输入和选择）。需要使用数据库中的值填充Select元素。到目前为止，我有这个：

    <!DOCTYPE html>
<html>
<head>
        var counter = 1;
        var dynamicInput=[];

        function removeInput(){
            var elem = document.getElementById('ingredients');
            elem.removeChild(elem.lastChild);
            /*return elem.parentNode.removeChild(elem);*/
            counter--;
        }

        function addInput(){
            var newdiv = document.createElement('div');
            newdiv.id = dynamicInput[counter];
            newdiv.innerHTML = "Entry " + (counter) + " <br><input type='text' name='quantities[]'><select name='products[]'></select>";
            counter++;
            document.getElementById('ingredients').appendChild(newdiv);
        }
    </script>
    <?php 
        $link = mysqli_connect("localhost", "root", "", "cocktails");
        // Check connection
        if($link === false){
            die("ERROR: Could not connect. " . mysqli_connect_error());
        }
    ?>
</head>
<body>
<form method="POST">
    Ingredients:<br>
    <div id="ingredients">
        <div id="dynamicInput[0]">
            <input type="text" name="quantities[]"> 
            <select name="products[]">
                <?php
                    $sql = mysqli_query($link, "SELECT name FROM inventory");
                    while ($row = $sql->fetch_assoc()){
                        echo "<option value=\"".$row['name']."\">" . $row['name'] . "</option>";
                    }
                ?>
            </select>                   
            <button type="button" onClick="addInput();">+</button>
            <button type="button" onClick="removeInput();">-</button>
        </div>
    </div>
</form>
</body>
</html>

如何填充点击该按钮时创建的选择？

当然，无论用户选择什么，我都需要使用。我怎样才能使用这些值？

任何指向正确方向的人都将不胜感激。

从数据库

0 个答案: