php - 功能列表 html 和 php

Question

我想在我的网站上介绍这样的东西：

但我不知道在网络上搜索的位置或内容。

目标是创建一个字符串，其中包含要在数据库中引入的正确功能列表。

这是一个工作示例和图像：

Answer 1

我认为这就是您要寻找的：jQuery UI Multiselect。

如功能中所述，它包括将可用列表中的项目直接拖动到选定列表中。您始终可以从头开始编写自己的自定义解决方案，但它不会具有成本效益并且可能导致意外问题（即：限制情况）。

如果设计不符合您的需要，您可以调整 css 使其看起来像您想要的那样。在这种情况下，您不必编写任何功能。

Answer 2

您可以使用 jquery sortable创建控件来做到这一点。我允许您创建多个容器。

Answer 3

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

$(文档).ready(函数() {

$('#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();
    });
});   });

Answer 4

首先，您需要两个带有多个属性集的选择标签，请参见此处：

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

然后编写一些 javascript/jQuery 来抓取所选元素并将选项添加到另一个选择。