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>标签内来瞳孔化元素< / p>

所以PHP输出将是

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

并在<option></option>元素

中填充select个标签

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

    </select>
</div>

从PHP填充Selectize Dropdown

2 个答案: