显示其下的文本框的值

时间:2010-12-06 16:23:45

标签: javascript html textbox

我想在它下面的文本框中写入值,我该怎么办呢?先谢谢

我写了这些代码:

  <html>
   <head>
    <script language="javascript">
        function show (text){
            document.write("text");
        }
    </script>
</head>
<body>
    <input type=textbox name=textbox value="Insert Name"/>
    <input type=button name=button value="OK" onclick=show(textbox.value)/>
 </body>
  </html>

3 个答案:

答案 0 :(得分:2)

首先:document.write替换文档内容,使用window.alert或

接下来,考虑将字段括在<form>中,然后使用show(this.form.textbox.value)

除了其他脚本错误之外:)

答案 1 :(得分:2)

像这样修改你的html:

<input type=textbox name=textbox value="Insert Name" id="txt" />
<span id="spn"></span>
<input type=button name=button value="OK" onclick="show();" />

像这样的JavaScript:

function show(){   
  document.getElementById('spn').innerHTML = document.getElementById('txt').value;
}

答案 2 :(得分:1)

这样的事情应该有效:Working example

<html>
    <head>
        <script language="javascript">
            function show (text){
            document.getElementById("text").innerHTML = text;
            }
        </script>
    </head>
    <body>
        <input type=textbox name=textbox id=textbox value="Insert Name"/>
        <input type=button name=button value="OK" onclick="show(document.getElementById('textbox').value)"/>
        <div id="text"></div>
    </body>
</html>