jQuery可排序连接列表 - 将值存储在列表项中?

时间:2009-07-13 11:39:05

标签: javascript jquery jquery-ui

我正在查看用于对项目here进行排序的演示,但我希望列表中的文本显示为某些内容,但是当我单击“保存”并且它发布服务器端时我想使用值。我知道<li>不支持价值,所以我有哪些选择?

UPDATE :我假设保存数据服务器端的方法是隐藏输入,当用户单击保存按钮时,使用sortable.array()数据填充隐藏字段javascript,然后它发布了帖子?

2 个答案:

答案 0 :(得分:1)

在表单提交处理程序中,您可以将可排序序列化为隐藏的输入,该输入将在服务器端回发。

在回复您的评论时 - serialize()确实可以像demo'd here

一样工作

e.g

$('#yourForm').submit( saveSortable );

function saveSortable(){

  $('#hiddenInput').val( $('#sortable').serialize() );

}

答案 1 :(得分:0)

您可以按照HTML5 documentation

中的建议使用data-属性
<li data-value="the real value">Some Value</li>