功能列表HTML和PHP

Question

我要爲大家介紹這樣的事情在我的網站：

但我不知道在哪裏或者什麼搜索在網絡上。

目的是創建一個字符串與正確的功能列表引入數據庫。

這裏是一個working example和圖像：要與多個屬性組兩個選擇標籤，在這裏看到

Answer 1

我認爲這是你在找什麼：jQuery UI Multiselect 。

如功能中所述，它包括將項目從可用列表中直接拖到選定列表。您始終可以從頭開始編寫自己的自定義解決方案，但它不具有成本效益，並且可能導致意想不到的問題（即：極限情況）。

如果設計不符合您的需要，您可以調整CSS使其看起來像你想要的。在這種情況下，您不必編寫任何功能。

Answer 2

以及第一：

http://www.w3schools.com/tags/tag_select.asp

然後寫一些javascript/jQuery來抓取選定的元素並將選項添加到其他select。

Answer 3

你可以使用jquery sortable來創建控件。我允許你創建多個容器。

Answer 4

HTML

<select name="selectfrom" id="select-from" multiple size="5"> 
    <option value="1">Item 1</option> 
    <option value="2">Item 2</option> 
    <option value="3">Item 3</option> 
    <option value="4">Item 4</option> 
</select> 

<a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a> 
<a href="JavaScript:void(0);" id="btn-remove">&laquo; Remove</a> 

<select name="selectto" id="select-to" multiple size="5"> 
    <option value="5">Item 5</option> 
    <option value="6">Item 6</option> 
    <option value="7">Item 7</option> 
</select> 
</fieldset> </form> 

jQuery的

$（文件）。就緒（函數（）{

$('#btn-add').click(function(){ 
    $('#select-from option:selected').each(function() { 
      $('#select-to').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
     $(this).remove(); 
    }); 
}); 
$('#btn-remove').click(function(){ 
    $('#select-to option:selected').each(function() { 
     $('#select-from').append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); 
     $(this).remove(); 
    }); 
}); });