Dynamically adding text boxes in JQueryMobile UI.

Question

Currently I have a JQueryMobile form which has 2 text boxes but there might be scenarios where I have to add couple of more text boxes. How to achieve this?? ...

for example user will click an add button in the screen and it'll bring up a new text box in the screen. I've tried to append but its not working properly.

How to achieve this by dynamically adding text boxes to the JQueryMobile Form??

Thanks for your time in advance.

I haven't tried using jquery mobile ui yet. Is the code different from how you do it in jquery? — Wern Ancheta
– Wern Ancheta, Commented Jul 12, 2012 at 6:05

Wern Ancheta · Accepted Answer · 2012-07-12 06:23:40Z

1

You said on your comment that logic should be the same with jquery. In jquery I do something like this to create new form elements:

//element where you are going to append your dynamically created element
var body = document.getElementsByTagName('body'); 

//create textbox and append it to the body of the document.
$('<input>').attr({'type' : 'text', 'placeholder' : 'some text'}).appendTo(body);

answered Jul 12, 2012 at 6:23

Wern Ancheta

23.4k38 gold badges105 silver badges142 bronze badges

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

Collectives™ on Stack Overflow

Dynamically adding text boxes in JQueryMobile UI.

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related