Adding dynamically a Textbox with jQuery Mobile style

Question

I will dynamically add some textbox to my page. It works perfectly, but i get the standart html textbox. I want a textbox in jquery style.

output += "<li><table><form id='elementForm'><tbody>";
output += "<tr><td><label>" + metaLabel[j] + " </label></td>";
output += "<td><input type='text' name='text-1' id='text-1' value=" + ajaxDataRecordSet.recordset[clicked][testVar] + "></td></tr>"
output += "</tbody></form></table></li>";
$(output).appendTo("#content1");
$('#content1').listview('refresh');

How can i do that ?

I'm using jquery mobile.

Erdem Güngör
– Erdem Güngör

2013-07-22 11:54:56 +00:00
Commented Jul 22, 2013 at 11:54 — Erdem Güngör
– Erdem Güngör, Commented Jul 22, 2013 at 11:54

CodingIntrigue · Accepted Answer · 2013-07-22 11:50:40Z

2

If you are using listview I assume you mean jQuery Mobile? You need to also call textinput() on any input text fields to refresh them:

$("#content1 :text").textinput();

As the documentation for textinput states:

This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a data-role attribute in the markup. However, if needed, you can directly call the textinput plugin on any selector, just like any jQuery plugin

answered Jul 22, 2013 at 11:50

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

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

1 Comment

CodingIntrigue Over a year ago

If it doesn't already exist, you can call .trigger("create") on all newly created elements as per Vinod's answer.

Omar · Accepted Answer · 2013-07-22 13:17:28Z

2

you have to use $('#elementID').trigger("create") to make it work.

edited Jul 22, 2013 at 13:17

Omar

31.7k9 gold badges73 silver badges117 bronze badges

answered Jul 22, 2013 at 11:55

Vinod Louis

4,9061 gold badge31 silver badges50 bronze badges

1 Comment

CodingIntrigue Over a year ago

Triggering the create method initializes the listview. At this stage the listview has already been initialized, so he needs to call refresh.

Collectives™ on Stack Overflow

Adding dynamically a Textbox with jQuery Mobile style

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related