選擇數據數據的選項列表人口

Question

我在表單內部使用selectize.js，並希望從HTML中填充選項列表。我對版本0.12.0的發行說明的理解是，這應該可以使用「data-data」屬性，但我無法使其工作或在任何地方找到完整的工作示例。

我希望做這樣的事情：

HTML：

<label for="leagues">Leagues:</label> 
<input type="text" id="leagues" name="leagues" class="form-control" value='aaa' data-data="[{'info': 'aaa'},{'info': 'bbb'}]"> 

與JS：

$('#leagues').selectize({ 
}); 

編輯：我有這個與"所以數據 - 工作替換「現在的數據是：「[{info "：" aaa "}，{" info "：" BBB "}]」

遵循：現在的選項列表中填充如預期，但同時也覆蓋了值標籤，所以它似乎不可能渲染的n項的選項列表控制但與選擇說3（這似乎是打敗dataAttr的整點不?????）。

我可以使用文檔中的States示例來完成這項工作 - 但這是使用而不是，所以返回一個值數組而不是逗號分隔列表。

那麼......我該如何實現一個多重選擇，發佈一個逗號分隔列表，其中HTML選項設置不是js。

Answer 1

最後得到了使用php數據的解決方案。

<option value="my_id" title="{{$category_name}}" data-data='<?php echo str_replace("'", "\'", json_encode(array('my_desc'=> {{$category_desc}})))?>'>{{$category_name}} </option> 

總之你可以這樣寫：

$array_in_json = (json_encode($selected_array)); 
$array_ready_for_tag =str_replace("'", "\'", $array_in_json); 

最後：

<select data-data='<?php echo $array_ready_for_tag;?>' ... > ... </select> 

注：使用單引號