如何用js实现给某个文本框赋值?
我想实现如下功能:一个简单的购物篮页面,页面上有个购买数量和小计文本框,在不提交页面的前提下,实现小计(自动计算)=单价(固定)*数量(输入)的功能<inputtype=...
我想实现如下功能:
一个简单的购物篮页面,页面上有个购买数量和小计文本框,在不提交页面的前提下,实现小计(自动计算)=单价(固定)*数量(输入)的功能
<input type="text" name="count" value="0" onblur="setCount(this)">数量
<input type="text" name="result" disabled="disabled">小计
js内容:
function setCount(text){
var count = text.value;
document.cartForm.result.value = count;
//alert(count);
//alert(document.cartForm.result.value);
}
现在的问题是:
alert显示count数值能取到,document.cartForm.result.value也赋值成功,但是页面上没有显示,一刷新这些数据都没了(毕竟没有存到数据库中)。
那么,要如何才能在不刷新和不提交的前提下实现计算小计内容并同步显示在result文本框中呢?? 展开
一个简单的购物篮页面,页面上有个购买数量和小计文本框,在不提交页面的前提下,实现小计(自动计算)=单价(固定)*数量(输入)的功能
<input type="text" name="count" value="0" onblur="setCount(this)">数量
<input type="text" name="result" disabled="disabled">小计
js内容:
function setCount(text){
var count = text.value;
document.cartForm.result.value = count;
//alert(count);
//alert(document.cartForm.result.value);
}
现在的问题是:
alert显示count数值能取到,document.cartForm.result.value也赋值成功,但是页面上没有显示,一刷新这些数据都没了(毕竟没有存到数据库中)。
那么,要如何才能在不刷新和不提交的前提下实现计算小计内容并同步显示在result文本框中呢?? 展开
3个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function setCount(text){
var count = text.value;
document.cartForm.result.value = count;
}
</script>
<title>My JSP 'javascript.jsp' starting page</title>
</head>
<body>
<form action="a.html" name="cartForm">
<input type="text" name="count" value="0" onblur="setCount(this)">数量
<input type="text" name="result" disabled="disabled">小计
</form>
</body>
</html>
这个给楼主改过了...楼主的程序我看了没有什么错误....
祝楼主早日成功哈!
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
function setCount(text){
var count = text.value;
document.cartForm.result.value = count;
}
</script>
<title>My JSP 'javascript.jsp' starting page</title>
</head>
<body>
<form action="a.html" name="cartForm">
<input type="text" name="count" value="0" onblur="setCount(this)">数量
<input type="text" name="result" disabled="disabled">小计
</form>
</body>
</html>
这个给楼主改过了...楼主的程序我看了没有什么错误....
祝楼主早日成功哈!
展开全部
js内容:
function setCount(text){
var count = text.value;
document.getElementsByName('result')[0].value = count;
}
有些js不支持通过id访问组件,何况你text没有id。用name是通用的方式。
function setCount(text){
var count = text.value;
document.getElementsByName('result')[0].value = count;
}
有些js不支持通过id访问组件,何况你text没有id。用name是通用的方式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
document.getElementById("result").value="你要在页面输出的值"
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询