从PHP填充选择下拉列表

Question

我正在使用Selectize jQuery插件，并希望用PHP输出的结果填充下拉框。 我能够在框中获取数据，但是有多个选项，并且将它们全部放在一行而不是单独的选项。 有任何想法吗？

jQuery的

$("#SearchForm_1").submit(function() {
    $.post($(this).attr("action"), 
           $(this).serialize(),
           function(data) {
                var selectize_tags = $("#GameDetails_1")[0].selectize;
                selectize_tags.addOption({
                    text:data,
                    value: data
                });
                selectize_tags.addItem(data);
        });
    );
});

$('#GameDetails_1').selectize({
    selectOnTab:true
});

的HTML

<div class="control-group">         
    <select id="GameDetails_1" name="GameDetails_1" autocomplete="false">

    </select>
</div>

PHP输出

echo $query_result['GameTitle'];

Answer 1

很简单 ？

<div class="control-group">         
    <select id="GameDetails_1" name="GameDetails_1" autocomplete="false">
         <?php echo '<option value="">' . $query_result['GameTitle'] . '</option>'; ?> 
    </select>
</div>

Answer 2

您正在使用Selectize jQuery plugin ，并通过Ajax从数据库中获取记录。

和您尝试的PHP输出是echo $query_result['GameTitle']; 它只明显地将结果打印在一行中，您需要的是将$query_result['GameTitle']放在<option></option>标记内以伪造元素

因此，PHP输出将是

echo "<option value='".$query_result['GameTitle']."'>".$query_result['GameTitle']."</option>";

并将在select元素内填充<option></option>标签

<div class="control-group">         
    <select id="GameDetails_1" name="GameDetails_1" autocomplete="false">

    </select>
</div>