<form name="thisform" method="post" action="">
text1:
<input name="textName1" type="text" id="textName1" />
<br>
text2:
<input name="textName2" type="text" id="textName2" />
<br>
<input type="button" name="Submit" value="text1" onclick=alert(document.getElementById('textName1').value) />
<input type="button" name="Submit2" value="text2" onclick=alert(document.getElementById('textName2').value) />
标题:
<input name="title" type="text" class="fsdf" id="title" value="MG7护卫队广告 " readonly/>
<span id="span1">span</span>
<input type="button" name="btn33" value="test" onclick="javascript:document.getElementById('title').value='MGTF广告';">
</Form>
刚打开时的情况
单击test按钮后标题后的文本框的值改变了。
实现的代码单独摘出来:
标题:
<input name="title" type="text" class="fsdf" id="title" value="MG7护卫队广告 " readonly/>
<input type="button" name="btn33" value="test" onclick="javascript:document.getElementById('title').value='MGTF广告';">
Element:元素,
getElementById:通过id获取或设置元素的值,例如
document.getElementById('title').value='MG7护卫队广告';
上面这是一句js代码,动态地更改id为title的文本框的值,效果即为上图的样子。
评论