2015-10-03 219 views
0

我正在使用Selectize jQuery插件,並希望使用PHP輸出的結果填充下拉框。我能夠在框中獲取數據,但有多個選項,它將它們全部放在一行上,而不是單獨的選項。有任何想法嗎?從PHP中填充Selectize下拉菜單

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']; 

回答

1

這麼簡單嗎?

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

內部​​3210標籤PHP結果來自表單提交上的單獨文件。 – user3892228

0

您正在使用Selectize jQuery plugin,並通過Ajax從數據庫獲取記錄。你想

和PHP輸出echo $query_result['GameTitle'];只obiviously打印結果在同一行,你需要的是把​​3210標籤內的$query_result['GameTitle']到pupulate元素

所以PHP輸出將被

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

,將填充select元素

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

    </select> 
</div>