jQuery:顺序编号控件

时间:2013-01-24 08:36:02

标签: jquery sorting sequence html-select

使用下拉列表选择新序列时,是否有任何插件可以更改表中项目的顺序编号?

e.g。

在更改排序ID之前

+-----+-----+-----+-----+
| AAA | ... | ... |  1  |
+-----+-----+-----+-----+
| BBB | ... | ... |  3  | < I like to change this sequence id to 2 using DropDown
+-----+-----+-----+-----+
| CCC | ... | ... |  2  |
+-----+-----+-----+-----+

选择序列后,它应该是

+-----+-----+-----+-----+
| AAA | ... | ... |  1  |
+-----+-----+-----+-----+
| BBB | ... | ... |  2  |
+-----+-----+-----+-----+
| CCC | ... | ... |  3  |
+-----+-----+-----+-----+

CCC应该自动更新

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您可能需要一个循环遍历每个表行的函数,并将“订单号”设置为顺序。每次订单更改时,您都会运行以下功能:

使用jquery(还有其他方法/库可用),例如。

function set_sequence(){
var count = 0
$("table tr").each(function(){
        count++;
        $(this).attr(id) = count; //or
        $(this).find('td.order').text(count);

    }); 
}

这是未经测试的,但希望你明白了。