0

我做了一个 ajax 调用来发布,然后在两个给定日期之间的所有日子里从控制器中检索。这是我的 JS 函数:

function  getDays()
    {

          var  date1= $('#start_date').val();
          var  date2=$('#end_date').val();
          $.ajax({
            type:'POST',
            url : '<?php echo site_url()."/public/hours/getHoursDetails/"; ?>',
            data : 'start_date='+date1+'&end_date='+date2,

            success:function(data)
                 {  $('#result').html(data);
                    $('#hoursDetails').show();
                           }

                    }); 
     } 

我在我的视图中列出了我需要的所有日子。但我想做的是在每个日期之后显示一些输入,比如

<label><strong>Action(s)</strong></label>   
<textarea class="span8" style="height:100px" placeholder="Description de votre action"
id="action" name="action"></textarea> 
<label><strong>Number of hours :</strong></label><input type="text" class="span4" id="hours" name="hours" placeholder="number of hours"/>

我的问题是我不能逐行显示每个日期。这是我的观点的一个例子:

"Tuesday, October 09 2012."
"Wednesday, October 10 2012."
"Thursday, October 11 2012."
"Friday, October 12 2012."

有人可以帮我吗?

4

1 回答 1

0

您不能只从结果中获取每个日期,附加额外的 HTML,然后在插入 #result 元素之前将它们全部添加在一起吗?

将额外的 HTML 放入变量中:

var inputHTML = '<label><strong>Action(s)</strong></label><textarea class="span8" style="height:100px" placeholder="Description de votre action" id="action" name="action"></textarea><label><strong>Number of hours :</strong></label><input type="text" class="span4" id="hours" name="hours" placeholder="number of hours"/>';
var date1= etc...

然后在成功函数内部:

var resultHTML = ""
var datesArray = data.split('.');
for (i=0;i<datesArray.length-1;i++) {
    resultHTML += datesArray[i] + inputHTML;
}
$('#result').html(resultHTML);
于 2012-10-10T13:30:52.667 回答