a.asp:这个是读取数据库内容显示出来的页面
获取数据库内容显示如下
<%
......
i=0
do while not rs.eof
i=i+1
%>
<li>
<button name="button<%=i%>" onclick="cl('val<%= i %>', false);"> - </button>
<input id="val<%=i%>" type="text" name="val<%=i%>" value="<%=rs("sum")%>" >
<button name="button<%=i%>" onclick="cl('val<%= i %>', true);"> + </button>
</li>
<%
rs.movenext
loop
%>
js:这个是js代码
<script type="text/javascript">
function cl(x, y) {
var rs = new Number(document.getElementById(x).value);
if (isNaN(rs)) {
alert('number is required');
document.getElementById(x).focus();
}
if (y) {
document.getElementById(x).value = rs + 1;
} else {
document.getElementById(x).value = rs - 1;
if (document.getElementById(x).value <= 1){
document.getElementById(x).value = 1;
}
}
}
</script>
当button被点击以后,如何让js获取相应li里面input的value值?
1、首先打开vs code编辑器,然后创建一个html页面。
2、创建一个input的标签,添加一个id,命名为“txt”,值为“你好”。
3、添加script标签,然后写入相关的js代码,如下图。
4、代码写完之后在空白处点击右键,选择Open In Default Broswer。
5、可以看到,浏览器自动弹出了input里面的值,这证明我们通过id属性已经成功获取到了input的值。