如何用js取listbox的数据

JavaScript014

如何用js取listbox的数据,第1张

循环遍历listbox第一项,示例代码如下:

<head runat="server">

<title></title>

<script language="javascript" type="text/javascript">

function GetList() {

var lstStaffs = document.getElementById("lstStaffs")

var strStaffs = ""

for (var i = 0 i < lstStaffs.options.length i++) {

strStaffs += "第" + (i + 1) + "个是" + lstStaffs.options[i].value + "<br />"

}

document.getElementById("divStaffs").innerHTML = strStaffs

}

</script>

</head>

<body>

<form id="form1" runat="server">

<asp:ListBox ID="lstStaffs" runat="server">

<asp:ListItem>aaaa</asp:ListItem>

<asp:ListItem>bbbb</asp:ListItem>

<asp:ListItem Value="cccc">cccc</asp:ListItem>

</asp:ListBox>

<br />

<input id="Button1" type="button" onclick="GetList()" value="button" />

<div id="divStaffs">

</div>

</form>

</body>

</html>

这么写就行

<script language ="javascript" type ="text/javascript">

function Button1_onclick() {

var listbox = document.getElementById('ListBox1')

var option = document.createElement("OPTION")

option.value = 1

option.text ='ABC'

listbox.add(option)

}

</script>

用JS获取Html标签属性有两种方法:

如<a id="link" href="www.baidu.com" title="测试"

blogname="前端开发">Web开发</a>

JS代码:

var ka=document.getElementByI d("link")

alert(ka.getAttribute("id"))

alert(ka.id)

两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:

alert(ka.getAttribute("blogname"))//前端开发

总结如下:

JS获到Html标签常规属性用ka.id,获到Html标签的自定义属性就用ka.getAttribute("id")