如何用js取input值并且在本页显示

来源:百度知道 编辑:UC知道 时间:2024/06/09 05:38:09
如何用js取input值并且在本页显示.当然不是要显示成input的那种.就是直接显示的那种
比如input值为25
下边就有
<td>25元</td>

思路:获取input元素→使用value属性获取input的值→使用innerHTML属性设置获取到的值到其他文本元素中显示出来。实例演示如下:

1、HTML结构

<div id="test_div"></div>
输入:<input type="text" id="val"><input type="button" value="确定" onclick="fun()">

2、javascript代码

function fun(){
var val = document.getElementById("val").value;
var div = document.getElementById("test_div");
div.innerHTML += val + "<br>";
}

3、效果演示

如何用JS在网页中插入FLASH 如何用js读取cookis 关于JS改变input值的问题 如何用单质铜制取硫酸铜,并且符合“绿色化学”的特点? 如何用JS调用wmv视频 如何用JS限制上传文件大小 如何用js验证表单的有效性? 如何用JS实现2个数相乘 请问 如何用JS控制表单提交? 如何用国外的银行卡在中国取钱?