2016-01-21 53 views
0

<select>列表可能引用相同的選項列表,類似於<input><datalist>在HTML中:不同<select>引用相同的選項列表

我生成了幾個條目的列表,其中用戶選擇一個下拉列表的值(其中包括)。這個列表中的選項對於每個條目都是相同的,所以我更喜歡它,如果不需要爲每個下拉列表重新添加選項列表。

我不能使用<input><datalist>,因爲用戶只能從可用條目中進行選擇。

回答

1

你可以做到這一點使用jQuery容易,

<datalist id="mylist"> 
    <option value="a"> 
    <option value="b"> 
    <option value="b"> 
</datalist> 

<select class="someSelect"> 
<select class="someSelect"> 

$(".someSelect").html($("#mylist").html()); 

這將取代從數據列表

+0

所有選擇列表謝謝。這個想法是一個很好的解決方法。我只是從一個隱藏的虛擬選擇選項列表中複製而不是數據列表來同時具有值​​和文本。 – MilConDoin

相關問題