Using JavaScript/jQuery to move input field position in a form

Question

I have the following form on my website

input a
input b
input c

Is it possible to have the following done using jQuery?

input a
input c
input b

Keep in mind that the form still needs to collect the data correctly.

Please advise.

David Thomas · Accepted Answer · 2012-04-25 20:27:31Z

5

Yes, that's possible, it's easier, albeit the same technique, with ids but if you just know which one you want to move, then:

$('input:text:nth-child(3)').insertAfter($('input:text:nth-child(1)'));

Or, similarly:

$('input:text:nth-child(3)').appendTo($('input:text:nth-child(1)').parent());

References:

answered Apr 25, 2012 at 20:20

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Wow dude, thank you; worked like a charm! I have been Googling this but couldn't find something that worked. Thanks again! :)

@Vega, thank you kindly! Edited in, and used as the basis for the second id-based demo. =)