JavaScript coding to swap the content of two text box elements

**Rahaman sharif** · Jul 15 '08, 06:25 AM

Hi,

Please explain clearly what u want exactly. swap the text in textbox means?

**dmjpro** · Jul 15 '08, 07:10 AM

Originally posted by sreekandan

hi everyone....
i want the coding help in Javascript to "swap the content of two Textbox elements" ..Kindly reply me.....

[code=HTML]
<input type=text id=text_id1 value='' />
<input type=text id=text_id2 value='' />
[/code]

[code=javascript]
function swap_content(){
var tmp = document.getEle mentById('text_ id1').value;
document.getEle mentById('text_ id1').value = document.getEle mentById('text_ id2').value;
document.getEle mentById('text_ id2').value = tmp;
}
[/code]

Debasis Jana

**dkyadav80** · Jul 15 '08, 09:50 AM

same

[code=HTML]
<input "type="text " name="text_id1" id="text_id1" value='' access here value from the PHP or other,, eg. echo"$_POST['text_id1']"; "/>
<input type="text" name="text_id1" id="text_id2" value='' access here value from the PHP or other eg. echo"$_POST['text_id2']"; ""//>
<input type="submit" value="swap" onClick="swap_c ontent("text_id 1","text_id2"); ">
[/code]

[code=javascript]
function swap_content(id 1,id2){
var tmp = document.getEle mentById('text_ id1').value;
document.getEle mentById('text_ id1').value = document.getEle mentById('text_ id2').value;
document.getEle mentById('text_ id2').value = tmp;
}
[/code]

I think this will be work good .

dkyadav80

**acoder** · Jul 15 '08, 06:20 PM

Originally posted by dkyadav80

I think this will be work good .

There are one or two problems: you've got double quotes within double quotes, and you're passing the ids but not making use of them.

**sreekandan** · Jul 17 '08, 07:17 AM

i want to swap the content of two text box by using javascript...

i want to swap the content of two text box by using javascript...I have written code as follows,but its not working....kind ly reply me any one as soon as possible....

Code:

<html>
<input "type="text" name="text_id1" id="text_id1" value='a' >
<input type="text" name="text_id1" id="text_id2" value='b' >
<input type="submit" value="swap" onClick=swap_content(text_id1,text_id2)>
<script type="javascript/text">
function swap_content(id1,id2)
{
 var tmp = document.getElementById(text_id1).value;
 document.getElementById(text_id1).value = document.getElementById(text_id2).value;
document.getElementById(text_id2).value = tmp;
}

**sreekandan** · Jul 17 '08, 07:18 AM

i want to swap the content of two text box by using javascript...

i want to swap the content of two text box by using javascript...I have written code as follows,but its not working....kind ly reply me any one as soon as possible....

Code:

<html>
<input "type="text" name="text_id1" id="text_id1" value='a' >
<input type="text" name="text_id1" id="text_id2" value='b' >
<input type="submit" value="swap" onClick=swap_content(text_id1,text_id2)>
<script type="javascript/text">
function swap_content(id1,id2)
{
var tmp = document.getElementById(text_id1).value;
document.getElementById(text_id1).value = document.getElementById(text_id2).value;
document.getElementById(text_id2).value = tmp;
}

**hsriat** · Jul 17 '08, 07:24 AM

[html]<input type="text" name="text_id1" id="text_id1" value="a" >
<input type="text" name="text_id2" id="text_id2" value="b" >
<input type="submit" value="swap" onclick="swap_content(' text_id1','text _id2')">
<script type="text/javascript">
function swap_content(id 1,id2)
{
var tmp = document.getEle mentById(id1).value;
document.getEle mentById(id1).value = document.getEle mentById(id2).value;
document.getEle mentById(id2).value = tmp;
}
</script>[/html]

I've underlined the part of the code where you had made some mistakes.

**sreekandan** · Jul 17 '08, 07:37 AM

Thank U...I got the output....

Originally posted by hsriat

[html]<input type="text" name="text_id1" id="text_id1" value="a" >
<input type="text" name="text_id2" id="text_id2" value="b" >
<input type="submit" value="swap" onclick="swap_content(' text_id1','text _id2')">
<script type="text/javascript">
function swap_content(id 1,id2)
{
var tmp = document.getEle mentById(id1).value;
document.getEle mentById(id1).value = document.getEle mentById(id2).value;
document.getEle mentById(id2).value = tmp;
}
</script>[/html]

I've underlined the part of the code where you had made some mistake.

**debasisdas** · Jul 17 '08, 08:37 AM

question moved to javascript forum.

**hsriat** · Jul 17 '08, 08:50 AM

Originally posted by debasisdas

question moved to javascript forum.

Question already there in JS forum. Both threads just need to be merged.

**acoder** · Jul 17 '08, 10:58 AM

sreekandan, as a full member now, you should know that we expect your code to be posted in [CODE] tags (See How to Ask a Question).

This makes it easier for our Experts to read and understand it. Failing to do so creates extra work for the moderators, thus wasting resources, otherwise available to answer the members' questions.

Please use the tags in future.

Also, do not double/triple post your questions. All duplicate threads have been merged.

MODERATOR.

JavaScript coding to swap the content of two text box elements

JavaScript coding to swap the content of two text box elements

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment