0

投稿する ajax 呼び出しを行い、指定された 2 つの日付の間のすべての日をコントローラーから取得します。これが私の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 に答える