可以用value属性获取input输入框中的值。
1、新建html文档,在body标签中添加input标签、button标签和span标签,点击按钮span标签中显示输入框中的值:
2、添加js代码,ipt、btn和val分别表示选择当前标签,onclick表示按钮点击事件,ipt.val表示获取input输入框中的值,然后将这个值赋值给span标签中的内容:
3、在输入框中输入内容,点击按钮,这时输入框中的值将会在span标签中显示:
自己再按自己要求改改吧。
代码如下:
<!doctype html><html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<select id="s">
<option x=1 y=2>新租</option>
<option x=3 y=4>新买</option>
<option x=5 y=6>折旧</option>
</select>
<input id="x" type="" name="">
<input id="y" type="" name="">
</body>
<script>
document.getElementById('s').onchange=function(){
x=this.options[this.selectedIndex].getAttribute('x')
y=this.options[this.selectedIndex].getAttribute('y')
document.getElementById('x').value=x
document.getElementById('y').value=y
}
</script>
</html>
用js实现给某个文本框赋值,可以先在js中获得文本框的元素,如
document.getElementsByName("result")[0]
然后把它的value属性赋值,如
document.getElementsByName("result")[0].value = 10
这是测试页面
其中
<input type="text" name="result" disabled="disabled">
这句中的disabled="disabled"就起到令文本框不可编辑变灰的效果。
这3行js代码的意思是,载入界面后,找到名称为result的元素,并给它赋值为10
window.onload = function(){
document.getElementsByName("result")[0].value = 10
}