2012-09-03 110 views
0

填充下拉我要做到這一點:動態地從數據庫

我有兩個領域 1日 - 使用jQuery日期選擇器 2.下拉 - 填入學生證

所以,當我選擇日期說03/09/2012我應該得到所有學生身份證當天(其中15人),然後當我將日期更改至2012年4月4日我應該得到當天只有學生的身份證(說他們29)

我所做的是,我已經做了ajax調用來查詢數據庫如:

$('#date_selected').blur(function(){ 
$.ajax({ 
//query database and get the array of student id present on that date 
//but from jquery how do i know populate my dropdown ? 
//i would probably get the results json encoded 
}); 
}); 

有關獲取的數據沒有問題,我只是想知道如何使用陣列(JSON)來填充下拉,我有

+0

有很多關於這個的教程和答案請搜索net befor e問這裏的答案在這裏看看這個http://stackoverflow.com/questions/11305905/populate-dropdown-from-database-in-codeigniter –

+0

@raheeshan:他要求ajax調用,他只獲得json字符串。他不希望整個html在ajax請求 –

回答

2

在你的ajax成功功能裏面使用這個:

data = $.parseJSON(data); 

var select_fields = data.selectf; 

var select_id = "/*ID OF SELECT FIELD*/"; 

$('#'+select_id+' option').remove(); 

for(var x in select_fields){ 
    $('#'+select_id).append($('<option value="'+select_fields[x]['value']+'">'+select_fields[x]['name']+'</option>')); 
} 
1

您可以使用日期選擇器onselect方法

$('#date_selected').datepicker({ 
    onSelect:function (selectedDate) { 
     //make your jquery ajax post here 
    } 
    }); 
+2

他想要如何追加數據而不是事件 –