2012-10-10 65 views
0

我做了一個ajax調用,然後從控制器中檢索兩個給定日期之間的所有日期。 這裏是我的JS功能:如何在表單中按行顯示json數組

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." 

誰能幫幫我好嗎?

+0

指定請結果是你希望看到的。簡單的文本字段或您的html-raw表單的幾個實例? –

+0

對於「數據」包含的ajax調用,您的響應數據是什麼? – Dhanasekar

+0

@Semyon Vyskubov謝謝你的回答。這裏是我想要的一個例子:10月10日星期三2102小時數://這裏用戶可以輸入數字Action://這裏用戶可以輸入他在這一天做的動作一天的名單) – user1499220

回答

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); 
+0

thx st3inn。但仍然無法訪問我的結果的每一行。我的問題是,我不知道如何獲取結果的每個日期 – user1499220

+0

好吧,根據我們可以在期間('。')上分割的問題的評論來判斷,在這個問題上創建一個數組和.each()我會編輯.. – st3inn

+0

關於第二個想法,這將包括最後
,加入額外的HTML,再次編輯:) – st3inn

相關問題