Javascript 从PHP填充Selectize下拉列表

我正在使用SelectizejQuery插件，并希望用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">
         <?php echo '<option value="">' . $query_result['GameTitle'] . '</option>'; ?> 
    </select>
</div>

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

您尝试的PHP输出是

echo$query_result['GameTitle']

只在一行中打印结果，您需要将

$query\u result['GameTitle']

放在

标记中，以生成元素

因此，PHP输出将是

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

---

php结果来自表单提交的单独文件。

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

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

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

    </select>
</div>