Add option into dynamically created selectbox

Question

I have to create new select box when click the create button and add options into this dynamically created select box. How can I do that ?

$(".create").live('click',function() {
    var dates = '<option value="2013-03-1">2013-03-1</option>\n';
    var row = '<tr>
<td>date1 - date2</td><td><select name="tarih1_single[]" class="date1"></select> - <select name="tarih2_single[]" class="date2"></select></td></tr>';

    for (i = 2; i <= 30; i++) {
        dates += '<option value="2013-03-'+i+'">2013-03-'+i+'</option>\n';  
    }
    $(".date1").append(dates);
    $(".date2").append(dates);
    $("#konaklama").append(row);
});

------ EDIT ----- I changed only last 3 rows order.

$("#konaklama").append(row);
$(".date1").append(dates);
$(".date2").append(dates);

Alex · Accepted Answer · 2012-10-01 08:45:11Z

1

Try this,at first add row to page and then append dates: http://jsfiddle.net/sT3pS/

UPD#1 I think that you wanted format like this, just add style for date header centering : http://jsfiddle.net/sT3pS/1/

edited Oct 1, 2012 at 8:45

answered Oct 1, 2012 at 8:34

Alex

3792 silver badges17 bronze badges

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

1 Comment

Yasin Yörük Over a year ago

Oh, thanks friend. What simple solution. I changed the rows only. I put .date append row after #konaklama append row

wroniasty · Accepted Answer · 2012-10-01 08:35:30Z

0

$('#select_id')
   .append ( $('<option/>')
      .attr('value', 'valueOfOption')
      .html('text of option')
   )

answered Oct 1, 2012 at 8:35

wroniasty

8,0822 gold badges34 silver badges24 bronze badges

Collectives™ on Stack Overflow

Add option into dynamically created selectbox

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related