ansaurus

Question

Have a problem with jquery append items..

Answer 1

A:

Problem is that you are setting "all" (i.e. one) #DP to be datepicker at document.ready, then you create a new input with id #DP. This won't automatically be set to datepicker, you either need to set the new input as datepicker at "constriction time", i.e.

$('a').click(function(){

     $('<input type="text" id="DP">').
         datepicker(/*...*/).appendTo('#some_div').show();   
});

NB! You can only have one DOM element with ID=DP

veggerby 2009-08-27 10:10:25

Answer 2

A:

I think this does what you want it to:

...

  <script type="text/javascript">
    $(document).ready(function(){
     field_count = 0;

     $("#add_datepicker").click(function(){
      field_count++;
      var new_field = jQuery("<input type=\"text\" />")
      new_field.attr("id","datepicker_"+field_count);
      new_field.attr("name","datepicker_"+field_count);
      $('#container').append(new_field);
      $('#container').append(jQuery("<br />"));
      $("#datepicker_"+field_count).datepicker();
     });
  });
  </script>
</head>
<body>

<form>
<input type="button" id="add_datepicker" value="Add Datepicker"/>
<div id="container">

</div>
</form>

...

This allows you to add another <input> element with a unique id and name so that it can be submitted as form data.

Dave Forgac 2009-08-27 10:36:28

Thank you both. It's just what I was looking for. Thanks again....

2009-08-27 11:42:43

ansaurus

tags:

views:

answers:

Have a problem with jquery append items..

related questions