带拖放的JQuery可排序/可选插件?

时间:2011-08-24 11:45:01

标签: javascript jquery jquery-plugins

首先,我不是一名JS开发人员,所以如果我问一个过于笼统,以前被问到或过于复杂的问题,我会道歉。我正在搜索的功能是我想要有两个HTML列表,在加载时第一个是空的,我希望用户从第二个列表中选择他喜欢的项目并将它们拖到第一个列表中(应该是可排序的,以便用户可以设置他喜欢的顺序)。有一个易于使用的插件吗?

我非常喜欢这两个插件的想法和外观..

http://www.emposha.com/javascript/fcbkcomplete.html

http://loopj.com/jquery-tokeninput/

http://code.drewwilson.com/entry/autosuggest-jquery-plugin

有一些不同的东西,但文本字段中的那些“气泡”是处理它的好方法(从UX的角度来看)。只是为了能够有一个空的文本字段,它下面有可用的气泡,并且能够将它们拖到文本字段中,只是那些用户想要的(没有自动完成功能,只是从它们的一些列表中删除,可能在文本字段中排序)会好的)。也许有类似的插件可以做到这一点。

另一件事是,它是表单的一部分,所以我需要能够将这些拾取的元素发送到带有表单的服务器,每个表单都有它的位置。我知道,我问得太多,但任何帮助都会对我有所帮助。

2 个答案:

答案 0 :(得分:1)

尝试使用Jquery UI

以下是演示链接

http://jqueryui.com/demos/sortable/

http://jqueryui.com/demos/droppable/

修改

我想你想要的就是这个

http://jqueryui.com/demos/droppable/#shopping-cart

答案 1 :(得分:1)

也许jQuery UI对你有用;它由几个方便的辅助函数组成。

查看可连接列表的排序:http://jqueryui.com/demos/sortable/#connect-lists

相关问题