Problem with Jquery

Question

I am using a jquery to show fields of HTML like select,text, image. But my issue as I am involving it using for loop, if once I select 5 than I select 3 using dropdown than I wish rest two fields should be removed. Second my image field is showing as text field.

 <select id="prescriptionnum"  >
      <option value="">Select Number</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
  </select>

$('#prescriptionnum').change(function() {
    var childid = $("#childprescriptionselect").val();
    var prescriptionnum = $("#prescriptionnum").val();
    $('#prescription').show("slow");
    for (var i = 0; i < prescriptionnum; ++i) {

        $("<select/>&nbsp",{class:"selectdoctor"}).appendTo("#prescriptionform");       
        $("<input/>",{type:"text",class:"textinput"}).appendTo("#prescriptionform");
        $("<input/>",{type:"file",class:"imageinput"}).appendTo("#prescriptionform");


   }
});

I need good formatting that is space and enter between fields.

http://jsfiddle.net/xDAmf/

There is no #childprescriptionselect, #prescription or #prescriptionform. Html missing? — Markus Hedlund
– Markus Hedlund, Commented Sep 12, 2011 at 7:54
Can you provide the whole code? (what's in #prescriptionform?) — nico
– nico, Commented Sep 12, 2011 at 7:54
They are the rest of html fields. I haven't described all here. — Rahul Singh
– Rahul Singh, Commented Sep 12, 2011 at 8:02

Pa.M · Accepted Answer · 2011-09-12 07:56:37Z

2

you can empty the prescription form before filling in it with html controls

$('#prescriptionnum').change(function() {
var childid = $("#childprescriptionselect").val();
var prescriptionnum = $("#prescriptionnum").val();
$('#prescription').show("slow");

//make the form empty before putting in contols
$("#prescriptionform").empty();
for (var i = 0; i < prescriptionnum; ++i) {

    $("<select/>&nbsp",{class:"selectdoctor"}).appendTo("#prescriptionform");       
    $("<input/>",{type:"text",class:"textinput"}).appendTo("#prescriptionform");
    $("<input/>",{type:"file",class:"imageinput"}).appendTo("#prescriptionform");


   }
});

answered Sep 12, 2011 at 7:56

Pa.M

1,4021 gold badge11 silver badges15 bronze badges

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

2 Comments

Rahul Singh Over a year ago

my button are showing as text field. I mean instead of browse I am getting text field to input.

Pa.M Over a year ago

try $("<input type='file' class='imageinput'/>").appendTo("#prescriptionform");

Salman Arshad · Accepted Answer · 2011-09-12 08:15:09Z

1

When the number of fields change, remove all items via:

$("#prescriptionform").children().remove();

Then add them back. You can use $.before() and $.after() to add additional markup such as   or <br/>. Demo here.

edited Sep 12, 2011 at 8:15

answered Sep 12, 2011 at 8:00

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

4 Comments

Rahul Singh Over a year ago

Great its working good. How will I add id using loop. I mean for i=1 i want id as selectdoctor1

Rahul Singh Over a year ago

Y u have removed this. $("#prescriptionform").children().remove();

Salman Arshad Over a year ago

Yes, Parvesh's suggestion about using .empty() is better.

Rahul Singh Over a year ago

I am having text field at place of button. Suppose if I print button using jquery it will show me textfield. and I can input in that. Though its working fine in jsfiddle

Collectives™ on Stack Overflow

Problem with Jquery

2 Answers 2

2 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related