如何通过JS给input中的value赋值

JavaScript013

如何通过JS给input中的value赋值,第1张

通过语句:document.getElementById('id').value进行赋值。

1、创建如下实例代码:

2、打开浏览器运行,此时在页面上的显示效果如下:

3、继续创建一个赋值函数如下,将其绑定到之前创建的button上。

4、属性页面,然后点击按钮,触发事件,此时页面的效果如下,完成赋值。

这里错了 onClick="javascript:tiao('1','1','1')

<a  href="#" onClick="javascript:tiao('1','1','1')" >aaa</a>

<a  href="#" onClick="javascript:tiao('2','2','2')" >bbb</a>

<a  href="#" onClick=" javascript:tiao('3','3','3')" >ccc</a>

<input type="hidden" name="a" value="1" id="a" >

<input type="hidden" name="b" value="1" id="b" >

<input type="hidden" name="c" value="1" id="c" >

<input type="hidden" name="a1" value="1" id="a1" >

<input type="hidden" name="a2" value="1" id="a2" >

<input type="hidden" name="a3" value="1" id="a3" >

<script type="text/javascript">

function tiao(a,b,c){

document.getElementById('a').value=a

document.getElementById('b').value=b

document.getElementById('c').value=c

document.getElementById('a1').value=a

document.getElementById('a2').value=a

document.getElementById('a3').value=a

//document.getElementById('b1').value=b

//document.getElementById('c1').value=c

//alert(document.getElementById('a1').value)

}

</script>

如果是基础的js用document.getElementById("对应标签的id").value= "赋值的内容"

如果是jquery用$("#对应标签的id").val("赋值的内容")