使用php中的选项动态添加select选项

时间:2018-03-06 14:58:14

标签: php jquery html ajax

每当我点击按钮时,如何使用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>

每当我点击一个按钮,我就能用上面提到的代码创建一个新的选择输入。

1 个答案:

答案 0 :(得分:0)

这里你需要使用如下的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);
});
相关问题