在javascript中如何实现单击按钮将文本框中输入的内容显示在页面上?

比如一个hello world程序，在文本框输入内容之前，网页页面上内容为hello world，在文本框输入“您好”时，单击按钮，显示内容则为”hello world 您好“，最好是纯静态web应用！
<script language="JavaScript">
function Display()
{
var name = $(".username").val();
$("h1").html("hello world" + name);
}
</script>
<input type="button" value="查看" onclick="Display()"><br/>
<h1></h1>
<br/>
<div id="ad_wordle_01" class="public_ad"></div>
<h3 class="tp09 pt10 tp05"></h3>
<h3 class="tp09 tp05 pb10"></h3>
<p class="tp03 qw03 tp05 sumry"></p>

改下这里面的内容就行！

举报该问题

推荐答案 2015-05-31

文本框内容显示在指定地方：就是一个dom内容转移的操作，使用Jquery获取原生js都很好实现，配合具体js事件实现。具体操作如下：

//假定文本框的id='mytext',指定显示区域的id='show'
//div/span/p等节点，不是文本元素
function fun(){
getEle('show').innerHTML =getEle('mytext').value;
}
function getEle(id){
return document.getElementById(id);
}

<input type='text' id='mytext'/>
<input type='button' onclick='fun();' value="button"/>

<input type='text' id='mytext' onblur="fun();"/>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/Rc4B0WdWW0PWPdhc545.html

其他回答

第1个回答 2014-07-03

追问

你会错意思了，不是把每次结果相加，而是每次查询的结果都是一对一的！

追答//那就把加号去掉就行了
show.innerHTML = content.value;

本回答被提问者采纳

第2个回答 2014-07-03

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<script type="text/javascript">
window.onload = function(){
var submit = document.getElementById("submit");
var text = document.getElementById('in');
var target = document.getElementById('target');
submit.onclick = function(e){
if(text.value !=""){
target.textContent = text.value;
}
};
};
</script>
<body>

<input type='text' id="in" /> <input type='button' id="submit" value="提交"/><br/>
<span style="color:red">hello world</span><span id="target" style="color:green;padding-left:10px;"></span>
</body>
</html>

追问

为空的时候结果不会清除，即前一次结果被保留！

追答

现在就是这样的哦。

追问

要得需求是全部清空，也就是记录不要被保留，一切回到初始

第3个回答 2014-07-03

<input type=text id="hd" name="hd" value="hello world">
<input type=text id="nh" name="nh" value="您好">
<input type = "button" value="替换按钮" onclick="changeName();"/>

<javascript>
function changeName(){
var changeVal = document.getElementById("nh").value;
var hdVal = document.getElementById("nh").value;
document.getElementById("hd").value = hdVal+changeVal;
}
</javascript>

相似回答

在javascript中如何实现单击按钮,将已经定义好的内容显示在页面上?答：自己去百度：js输出html、js打印字符串、js复制内容之类的关键词想办法把功能写出来。

...通过按钮的单击事件,并将结果显示在结果文本框中。答：代码如下：<!DOCTYPE html>demo1function calc() {var n = parseInt(document.getElementById("number").value);if (!n || n < 1) {alert('请输入一个大于0的数字。');return;}var result = 1;for (var i = 1; i <= n; i++) {result *= i;}document.getElementById("result"...

用html语言javascript,在第一个网页在文本框输入姓名的姓氏点击按钮进行...答：1、输入框输入信息改变，触发查询。2、ajax方式提交文本框数据到指定页面查询，返回查询结果列表。3、输入页面解析查询结果，执行显示。

大家正在搜

单击命令按钮在文本框中显示 vb单击按钮文本框显示文字 vb单击按钮清除文本框内容 vb单击命令按钮文本框出现文字 vb在文本框中输入文本 java将按钮信息转化为文本框 vb显示文本框内容代码单击什么按钮可以使文本框按钮怎么在文本框内