jquery - 将选项添加到动态创建的选择框中

Question

单击创建按钮并将选项添加到这个动态创建的选择框中时，我必须创建新的选择框。我怎样才能做到这一点 ？

$(".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);
});

------ 编辑 ----- 我只更改了最后 3 行的顺序。

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

Answer 1

试试这个，首先将行添加到页面，然后附加日期：http: //jsfiddle.net/sT3pS/

UPD#1 我认为你想要这样的格式，只需添加日期标题居中的样式：http: //jsfiddle.net/sT3pS/1/

Answer 2

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