如何用JS取listview每一项的ID

costa912 2011-02-28 12:14:27

前台代码
<head>
<meta charset="utf-8">
<title>ListView拖动测试</title>
<link rel="stylesheet" href="Styles/jquery.ui.all.css">
<script src="Scripts/jquery-1.4.4.js"></script>
<script src="Scripts/jquery.ui.core.js"></script>
<script src="Scripts/jquery.ui.widget.js"></script>
<script src="Scripts/jquery.ui.mouse.js"></script>
<script src="Scripts/jquery.ui.sortable.js"></script>
<link rel="stylesheet" href="Styles/demos.css">
<style>
#sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; }
#sortable1 li, #sortable2 li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; width: 120px; }
</style>
<script>
$(function () {
$("#sortable1, #sortable2").sortable({
connectWith: ".connectedSortable"
}).disableSelection();
$(".sortable").sortable("toArray");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ul id="sortable1" class="connectedSortable">

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
<LayoutTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server">
</asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="sortable">
<div class="item">
<table class="sortable" >
<tr style="background-color: #E0FFFF;color: #333333;">
<td>
<p class="title">
<%#Eval("Country") %></p>
</td>
</tr>
</table>
</div>
</div>
</ItemTemplate>
</asp:ListView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:FormulaDBConnectionString2 %>"
SelectCommand="SELECT [Region], [Country] FROM [PriceRegionSet]">
</asp:SqlDataSource>
</ul>

<ul id="sortable2" class="connectedSortable">

<asp:ListView ID="ListView2" runat="server" DataSourceID="SqlDataSource1" >
<LayoutTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server">
</asp:PlaceHolder>
</LayoutTemplate>
<ItemTemplate>
<div class="sortable">
<div class="item">
<table class="sortable">
<tr style="background-color: #E0FFFF;color: #333333;">
<td>
<p class="title">
<%#Eval("Region") %></p>
</td>
</tr>
</table>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</ul>
</div>
</form>
</body>

listview通过拖动，内容项改变了，如何用JS取左边listview每一项的ID

...全文

250 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

a260881071 2011-02-28

打赏
举报

option

子夜__ 2011-02-28

打赏
举报

function GetAllItems()

{

 var items = document.getElementById("ListView的Id").getElementsByTagName("");  

 for(i=0; i<items.length;i++) // length就是个数

 {  

  alert(items[i]);

  }

 }

}

部分错误自己修改~

telankes2000 2011-02-28

打赏
举报

看看解析後的HTML代碼
然後document.getElementById("") + document.getElementsByTagName("") 找到你需要的

costa912 2011-02-28

打赏
举报

[Quote=引用 5 楼 wxr0323 的回复:]

引用 4 楼 costa912 的回复:

引用 2 楼 wxr0323 的回复:

HTML code
function GetAllItems()
{
var items = document.getElementById("ListView的Id").getElementsByTagName("");
for(i=0; i<items.length;i++) // leng……
[/Quote]

我现在照你这样改了
function GetAllItems()
{
var items = document.getElementById("ListView1").getElementsByTagName("");
for (i = 0; i < items.length; i++)
{
alert(items[i]);
document.getElementById("<%=Label1.ClientID %>").value = items[i];
}
}
label的代码：<asp:Label ID="Label1" runat="server"></asp:Label>

label并未显示出ID

wuyq11 2011-02-28

打赏
举报

document.getElementById<%=label1.ClientID%>

var items = document.getElementById("<%=listview1.ClientID%>").getElementsByTagName("input");
for(i=0; i<items.length;i++) // length就是个数
{
if(items[i].type=="checkbox")
{
}
}
}

子夜__ 2011-02-28

打赏
举报

[Quote=引用 4 楼 costa912 的回复:]

引用 2 楼 wxr0323 的回复:

HTML code
function GetAllItems()
{
var items = document.getElementById("ListView的Id").getElementsByTagName("");
for(i=0; i<items.length;i++) // length就是个数
{
aler……
[/Quote]

document.getElementById("<%=Label的ID.ClientID %>" ).value=items[i];

costa912 2011-02-28

打赏
举报

[Quote=引用 2 楼 wxr0323 的回复:]

HTML code
function GetAllItems()
{
var items = document.getElementById("ListView的Id").getElementsByTagName("");
for(i=0; i<items.length;i++) // length就是个数
{
alert(items[i]);
}
}
}

部……
[/Quote]

怎么在LABEL中显示出取出的ID呢