01
2018
01

js更换表单框内容及js赋值给文本框或隐藏文本框或是DIV

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

//第一种方式赋值给文本框

function settext()

{

var cao=document.getElementById('txt2');

cao.value='中国电信';

cao.title='中国联通';

}

//第二种方式赋值给隐藏的文本框

function caob()

{

var cao2=document.getElementById('tex3');

cao2.value='妈的';

}

//第三种方式链接赋值给隐藏的文本框

function caoa()

{

var cao3=document.getElementById('tex4');

cao3.value='中国移动';

}

//第四种方式赋值给div


function caoc()

{

var cao4=document.getElementById('tex5');

cao4.innerHTML='还行';

}

</script>

</head>


<body>

<input id="txt2" type="text" value="可以"><input type="button" value="改字" onclick="settext()" /><br><br>


<input id="tex3" name="" type="hidden" value="" />

<input type="button" value="赋值给一个看不见的隐藏表单" onclick="caob()">

<br><br>

<input id="tex4" name="" type="hidden" value="" />

<a onclick="caoa()" href="#">赋值给tex4</a>

<br><br>

<a onclick="caoc()" href="#">赋值给tex5</a>

<div id="tex5"></div>

</body>

</html>


« 上一篇下一篇 »