showing the value of textbox under it

Question

i want to write the value in textbox under it,how can i do it?thanks in advance

i wrote this codes:

  <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>

Answer 1

first of all: document.write replaces document content, use window.alert or such

next, consider enclosing fields in the <form> and then use show(this.form.textbox.value)

thats besides other scripting errors :)

Answer 2

Modify your html like this:

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

And JavaScript like this:

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

Answer 3

Something like this should work: 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>

showing the value of textbox under it

Question

3 answers

solution1
2 2010-12-06 16:27:01

solution2
2 2010-12-06 16:27:25

solution3
1 ACCPTED 2010-12-06 16:30:24

showing the value of textbox under it

Question

3 answers

solution1 2 2010-12-06 16:27:01

solution2 2 2010-12-06 16:27:25

solution3 1 ACCPTED 2010-12-06 16:30:24

solution1
2 2010-12-06 16:27:01

solution2
2 2010-12-06 16:27:25

solution3
1 ACCPTED 2010-12-06 16:30:24