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')
   )

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

2 个答案: