从国外网站找到一个判断用户是点击div还是input根据不同属性来给它们在js中用不同的赋值方法，有需要的朋友可以参考一下。
| 代码如下 |
|
|
elementType = document.getElementById('returnfield').type;
if(elementType == "text" || elementType == "textarea") //there are some more
{
document.getElementById('returnfield').value = returnvalue;
}
else //div for example
{
document.getElementById('returnfield').innerHTML= returnvalue;
}
}
|
完整实例
| 代码如下 |
|
|
<!DOCTYPE html>
<html>
<head>
<title>blank</title>
<meta charset="UTF-8">
</head>
<body>
<div id="left" style="float:left">
<div><input type="text" id="tb"></div>
<div><textarea id="ta"></textarea></div>
<div>
<select id="select" >
<option value=""> select one </option>
<option value="onesies"> one </option>
<option value="twosies"> two </option>
<option value="threesies"> three </option>
</select>
</div>
<input type="button" value="get values" onclick="getVal()">
</div>
<div id="right" style="float:left">
<div>
text box value:
<input type="text" id="tb1"></div>
<div>textarea value:
<input type="text" id="tb2"></div>
<div>select box text:
<input type="text" id="tb3"></div>
<div>select box value:
<input type="text" id="tb4"></div>
</div>
<script type="text/javascript">
function getVal() {
document.getElementById('tb1').value=document.getElementById('tb').value;
document.getElementById('tb2').value=document.getElementById('ta').value;
sel=document.getElementById('select');
document.getElementById('tb3').value=sel.options[sel.selectedIndex].text;
document.getElementById('tb4').value=sel.options[sel.selectedIndex].value;
}
</script>
</body>
</html>
|
