Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #13422 > unrolled thread

getElementById assistance needed.

Back to article view | Back to comp.lang.javascript

Contents

  getElementById assistance needed. jbasemvd@gmail.com - 2012-04-17 07:43 -0700
    Re: getElementById assistance needed. Martin Honnen <mahotrash@yahoo.de> - 2012-04-17 16:58 +0200
      Re: getElementById assistance needed. jbasemvd@gmail.com - 2012-04-17 08:08 -0700

#13422 — getElementById assistance needed.

Can someone tell me why this doesn't copy the text from one input to the other when the second input box is clicked? Thanks in advance.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<link rel="stylesheet" type="text/css" href="StyleSheet1.css" />
<script type="text/javascript">
 function getValue()
 {
  var x=document.getElementById("txtHere");
  var y=document.getElementById("txtThere");
  y.innerHTML = x.innerHTML;
 }
</script>    
</head>
<body>
 <table class="basicTable" id="table1">
  <tr>
   <td><label for=here>Here</label></td><td><label for=there>There</label></td>
  </tr>
  <tr>
   <td><input class="normal" id="txtHere" type="text" /></td><td><input class="normal" id="txtThere" type="text" onclick="getValue()"/></td>
  </tr>
  <tr>
   <td><input class="basicButton" id="submit" type="submit" value="Submit" /></td>
  </tr>
 </table>
</body>
</html>

[toc] | [next] | [standalone]

#13423

jbasemvd@gmail.com wrote:
> Can someone tell me why this doesn't copy the text from one input to the other when the second input box is clicked? Thanks in advance.

>   function getValue()
>   {
>    var x=document.getElementById("txtHere");
>    var y=document.getElementById("txtThere");
>    y.innerHTML = x.innerHTML;
>   }

>     <td><input class="normal" id="txtHere" type="text" /></td><td><input class="normal" id="txtThere" type="text" onclick="getValue()"/></td>
>    </tr>

Well the innerHTML of empty elements (and input elements are by 
definition empty) is the empty string.
You might want to set the "value" property of the input control instead
   y.value = x.value;

-- 

	Martin Honnen --- MVP Data Platform Development
	http://msmvps.com/blogs/martin_honnen/

[toc] | [prev] | [next] | [standalone]

#13424

Martin,

That's perfect.

Thanks.

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web