listbox_jquery에서 항목의 이동 및 정렬을 제어하는 ​​jquery의 구현 코드

모든 과일:		내 선택:
< ;/asp:ListBox>

{
protected void Page_Load (객체 발신자, EventArgs e)
{
if (!IsPostBack)
{
BindData()
}
}
private void BindData()
{
ArrayList list=DataArray();
for (int i = 0; i < list.Count; i )
{
listall.Items.Add(list[i].ToString() );
listall.Items[i].Attributes["tag"] = i.ToString(); //정렬 필드를 기록하기 위해 태그 사용
}
}
private ArrayList DataArray()
{
//사용된 일부 데이터는 기본적으로 첫 번째 단어의 병음으로 정렬됩니다.
ArrayList list = new ArrayList()
list.Add("Strawberry")
list. Add("배");
list.Add("오렌지");
list.Add("망고")
list.Add("Apple"); "바나나");
return list;
}
}

{
var size=$("#" setname " option").size()
var selsize=$("#" setname " option:selected").size(); >if(size>0&&selsize>0)
{
$.each($("#" setname " option:selected"), function(id,own){
var text=$(own) .text();
var tag=$(own).attr("tag")
$("#" getname).prepend("" text "");
$(own ).remove();
$("#" setname "").children("option:first").attr("selected", true);
});
}
//재주문
$.each($("#" getname " option"), function(id,own){
orderrole(getname) );
});
}
//첫 글자로 역할 목록 정렬
function orderrole(listname)
{
var size=$("#" listname " option ").size();
var one=$(" #" listname " option:first-child");
if(size>0)
{
var text=$(one ).text();
var tag=parseInt($( one).attr("tag"))
//목록의 첫 번째 값 아래에 있는 모든 요소를 ​​반복합니다
$.each($ (one).nextAll(), function(id,own){
var nextag=parseInt($(own).attr("tag"))
if(tag>nextag)
{
$(one).remove();
$( own).after("" text ""); $(own).next();
}
})
}
}