gpt4 book ai didi

javascript - 单击按钮时无法显示文本框中的文本?

转载 作者:行者123 更新时间:2023-11-28 18:54:36 27 4
gpt4 key购买 nike

我已经使用 html 创建了按钮(点击我)。单击该按钮时,文本框 以及另一个按钮(显示) 将显示在屏幕上。单击显示按钮时,将显示写入文本框中的值。 文本框和显示按钮被隐藏。再次,当我单击(单击我)按钮时,会显示文本框和显示按钮。但是当我在 textbox 中写入文本并单击显示按钮时,这次文本将不会显示。这意味着第一次文本将显示,但之后不再显示。我想重复显示文本。我是javascript新手,所以请帮助我。我还想将显示的文本拖放到屏幕上的任何位置。

Try.html

<html>
<head>
</head>
<body>


<form name="frm">

<input type="button" value="Click on Me" id="button" onClick="display();">
</form>

<div id="responce"></div>

<script language="javascript" type="text/javascript">

var box="textBox"

function display()
{
document.getElementById('responce').innerHTML+='<center><input type="text" id="'+box+'" /></center>';
document.getElementById('responce').innerHTML+='<center><INPUT type="button" value="Show" id="btn2" onClick="visual();"/></center>';
}
</script>

<script>
function visual()
{

var dis=document.getElementById(box).value ;
document.getElementById('responce').innerHTML+=document.getElementById(box).id;;
document.getElementById('responce').innerHTML+='<br><center>nilav '+dis+'</center></br>';
document.getElementById(box).style.visibility='hidden';
document.getElementById('btn2').style.visibility='hidden';


}
</script>

</script>
</body>

</html>

最佳答案

在显示函数中,每次调用该函数时都会创建文本框和按钮,我刚刚添加了一个检查对象是否已存在的检查,它只会更改可见性。

<html>
<head>
</head>
<body>


<form name="frm">

<input type="button" value="Click on Me" id="button" onClick="display();">
</form>

<div id="responce"></div>

<script language="javascript" type="text/javascript">

var box="textBox"

function display()
{
if(!document.getElementById(box)) {
document.getElementById('responce').innerHTML+='<center><input type="text" id="'+box+'" /></center>';
document.getElementById('responce').innerHTML+='<center><INPUT type="button" value="Show" id="btn2" onClick="visual();"/></center>';
}
else {
document.getElementById(box).style.visibility='visible';
document.getElementById('btn2').style.visibility='visible';
}
}
</script>

<script>
function visual()
{

var dis=document.getElementById(box).value ;
document.getElementById('responce').innerHTML+=document.getElementById(box).id;;
document.getElementById('responce').innerHTML+='<br><center>nilav '+dis+'</center></br>';
document.getElementById(box).style.visibility='hidden';
document.getElementById('btn2').style.visibility='hidden';


}
</script>

</body>

</html>

关于javascript - 单击按钮时无法显示文本框中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33866335/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com