从PHP动态添加选择选项和选项

Question

每当单击按钮时，如何使用PHP中的选项创建动态选择输入？

工作应该是这样的：

每当我单击一个按钮时，带有PHP选项的select元素都应该可供选择。

<div class="form-group">
    <label class="control-label col-sm-2" for="product">Products:</label>
    <div class="col-sm-4">
        <select class="form-control" name="product[]" multiple required>
            <option selected="selected">--SELECT PRODUCT--</option>
                <?php
                    $sql = "SELECT * FROM `product`";
                    $result = $conn->query($sql);
                    while($row = $result->fetch_assoc()){
                ?>
            <option value="<?php echo $row['name']; ?>"><?php echo $row['name']; ?></option>
            <?php
                }
            ?>
        </select>
    </div>
</div>

每当我单击按钮时，都应该能够使用上述代码创建一个新的select输入。

Answer 1

在这里你需要使用如下的ajax

function getOptions(query){
   $.post(endPoint, query, function(response){
      $('select[name="product[]"]').empty();
      response.forEach(function(value){
        $('select[name="product[]"]').append("<option value='" +value+ "'></option>");
      });
   })
}

并在点击时触发

$('body').on('click', '#myButton', function(){
    getOptions(null);
});