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>