Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 247
  • Last Modified:

how to change text box values

Hi,

am having a text box i want to load values to another text box eachtime the valueon the first text box changes.....its only changing after i change the text and click on the text box or press enter key...

but when i use select box its changing automatically am gettin prob with text box pls help....
0
whspider
Asked:
whspider
  • 3
  • 2
  • 2
  • +2
1 Solution
 
JassimiCommented:
hi..
you can put this:
textbox2.text = textbox1.text
0
 
Chandan_GowdaCommented:
use onTextChanged Event of the textbox,Write a javascript in onTextChanged event of textbox1
0
 
whspiderAuthor Commented:
this is my code....

<script type="text/javascript">  
$(document).ready(function() {
$("input[@name='test1']").change(function()
{
if ($("input[@name='test1']:checked").val()=="0")
$("#cse_search").autocomplete(searchdata2);
else if ($("input[@name='test1']:checked").val()=="1")
 $("#cse_search").autocomplete(searchdata1);  
}
);
});


function getXMLHTTP() { //fuction to return the xml http object
            var xmlhttp=false;      
            try{
                  xmlhttp=new XMLHttpRequest();
            }
            catch(e)      {            
                  try{                  
                        xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
                  }
                  catch(e){
                        try{
                        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                        }
                        catch(e1){
                              xmlhttp=false;
                        }
                  }
            }
                   
            return xmlhttp;
    }
      
function getCurrencyCode(strURL1)
{            
      var req1 = getXMLHTTP();            
      if (req1)
      {
            //function to be called when state is changed
            req1.onreadystatechange = function()
            {
                  //when state is completed i.e 4
                  if (req1.readyState == 4)
                  {                  
                        // only if http status is "OK"
                        if (req1.status == 200)
                        {                                    
                              document.getElementById('cur_code').value=req1.responseText;                                    
                        }
                        else
                        {
                              alert("There was a problem while using XMLHTTP:\n" + req1.statusText);
                        }
                  }                        
             }                  
             req1.open("GET", strURL1, true);
             req1.send(null);
      }                  
}      
</script>


<td colspan="9"><input type="text" id="cse_search" name="q" size="31" onblur="getCurrencyCode('code.php?local='+this.value)" /></td>
</tr>
<tr>

<td>Amt:  <input type="text" name="cur_code" size="7" id="cur_code" ></td>
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
kingsobCommented:
is this what you are looking for?

you can change the event name to change the behaviour.. for example.. if you change it to onchange, it will update testbox 2 when you leave textbox 1
<html>
<head>
</head>
<body>
  <input id="text1" type="text" onkeyup="document.getElementById('text2').value = this.value;"/>
  <input id="text2" type="text" />
</body>
</html>

Open in new window

0
 
whspiderAuthor Commented:
yes this is what...but when i use mouse its not working i want using mouse click also and key also
0
 
Chandan_GowdaCommented:
<script type="text/javascript">  
$(document).ready(function() {
$("input[@name='test1']").change(function()
{
if ($("input[@name='test1']:checked").val()=="0")
$("#cse_search").autocomplete(searchdata2);
else if ($("input[@name='test1']:checked").val()=="1")
 $("#cse_search").autocomplete(searchdata1);  
}
);
});


function getXMLHTTP() { //fuction to return the xml http object
            var xmlhttp=false;      
            try{
                  xmlhttp=new XMLHttpRequest();
            }
            catch(e)      {            
                  try{                  
                        xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
                  }
                  catch(e){
                        try{
                        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
                        }
                        catch(e1){
                              xmlhttp=false;
                        }
                  }
            }
                   
            return xmlhttp;
    }
     
function getCurrencyCode(strURL1)
{            
      var req1 = getXMLHTTP();            
      if (req1)
      {
            //function to be called when state is changed
            req1.onreadystatechange = function()
            {
                  //when state is completed i.e 4
                  if (req1.readyState == 4)
                  {                  
                        // only if http status is "OK"
                        if (req1.status == 200)
                        {                                    
                              document.getElementById('cur_code').value=req1.responseText;                                    
                        }
                        else
                        {
                              alert("There was a problem while using XMLHTTP:\n" + req1.statusText);
                        }
                  }                        
             }                  
             req1.open("GET", strURL1, true);
             req1.send(null);
      }                  
}  
function populateAmount ()
{
      var txtboxamt=document.getElementById('cur_code')
      var txt1=document.getElementById('cse_search')
      //alert(txt1);
      txtboxamt.value=txt1.value
}    
</script>


<td colspan="9"><input type="text" id="cse_search" name="q" size="31" OnKeyup="populateAmount();" onblur="getCurrencyCode('code.php?local='+this.value)" /></td>
</tr>
<tr>

<td>Amt:  <input type="text" name="cur_code" size="7" id="cur_code" ></td>
0
 
kingsobCommented:
you could add the code to a function, so you don't have to duplicate it
<html>
<head>
</head>
<body>
  <input id="text1" type="text" onkeyup="document.getElementById('text2').value = this.value;" onchange="document.getElementById('text2').value = this.value;"/>
  <input id="text2" type="text" />
</body>
</html>

Open in new window

0
 
kingsobCommented:

<html>
<head>
</head>
<body>
  <input id="text1" type="text" onkeyup="document.getElementById('text2').value = this.value;" onmouseup="document.getElementById('text2').value = this.value;" oninput="document.getElementById('text2').value = this.value;" onpaste="document.getElementById('text2').value = window.clipboardData.getData('Text');"/>
  <input id="text2" type="text" />
</body>
</html>

Open in new window

0
 
Michel PlungjanIT ExpertCommented:
In case anyone is wonderting what oninput is

http://blog.amodernfable.com/2006/07/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now