在js中用对象获取list的value

JavaScript033

在js中用对象获取list的value,第1张

1、html中有如下input控件,代码如下<input type="hidden" name="productName" id="productName" value="测试产品名称">。

2、可以使用js通过id获取,var value = document.getElementById("productName").value。

3、下面我们alert(value),看一下是否获取到input的value值,可以看到,input的value值已经成功弹出。

4、还可以使用document.getElementsByName(name)的方法。

5、测试一下结果,同样还是alert,可以看到,依旧能够成功弹出value的值。

6、还可以通过jquery来获取input的value值,这需要引入jquery的js包,然后通过代码$("#id").val()获取,上面的例子可以使用$("#productName").val()。

7、也可以使用jquery的$("input['name=name']").val()来进行获取,比如上面的例子可以使用$("input['name=productName']").val()。

循环遍历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>