功能列表html和php [关闭]

                <div class="grid--cell fl1 lh-lg">
                    <div class="grid--cell fl1 lh-lg">
                        It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and   cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened,   <a href="/help/reopen-questions">visit the help center</a>.

                    </div>
                </div>
            </div>
            <div class="grid--cell mb0 mt8">Closed <span title="2013-05-16 21:02:50Z" class="relativetime">6 years ago</span>.</div>
        </div>
    </aside>

I want to introduce something like this on my website:

Example of Features

But I don't know where or what to search for on the web.

The objective is to create a string with the right features list to introduce in a database.

Here is a working example and the image:

CKEdior Screenshot of Features Select

</div>

well first you want two select tags with the multiple attribute set, see here:

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

then write some javascript/ jQuery to grab the selected element and add the option to the other select.

You can do it with creating your control using the jquery sortable. I allows you to create multiple containers.

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

$(document).ready(function() {

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

I think this is what you are looking for : jQuery UI Multiselect.

As stated in features, it includes Dragging items from the available list to the selected list directly. You can always write your own custom solutions from scratch, but it won't be cost-efficient and may lead to unexpectable issues (ie: limit cases).

If the design doesn't fit your need, you can tweak the css to make it look like what you want. In that case, you don't have to code any features.