例如要向伺服端要一串資料來當DropDownList的item
==================
.......View
<div id="selectArea"> <!-- 選擇相簿與相片 -->
<select id="FileImageAb">
</select>
<input type="button" onclick="getFileAlbum()" name="btnGet" value="取得" />
</div>
.......JQuery
//取得目前所有相簿
function getFileAlbum() {
$.getJSON('<%=Url.Content("~/AjaxInfo/GetFileImageAlbumAll")%>', null,
function (data) {
$("#FileImageAb").children().remove();
for (i = 0; i < data.length; i++) {
if(i == 0) { //將第一個設給隱藏欄位
$("#ClassInfoId").val(data[i].FileImageAlbumId);
}
$("#FileImageAb").append(
$("<option></option>").attr("value",data[i].FileImageAlbumId).text(data[i].FIAName)
);
}
});
}
......Controller
public ActionResult GetFileImageAlbumAll()
{
using (DBEntities db = new DBEntities())
{
var result = (from s in db.FileImageAlbum select new { s.FileImageAlbumId,s.FIAName }).ToList();
return Json(result,JsonRequestBehavior.AllowGet);
}
}
==========================================
如果想要依據某個隱藏欄位(id=ClassInfoId)決定目前select(id=selectClassInfoId)的選取項目：
$.getJSON('<%=Url.Content("~/AjaxInfo/GetClassInfoAll")%>', null,
function (data) {
$("#selectClassInfoId").children().remove();
for (i = 0; i < data.length; i++) {
$("#selectClassInfoId").append(
$("<option></option>").attr("value", data[i].ClassInfoId).text(data[i].Name)
);
$("#selectClassInfoId").val($("#ClassInfoId").val()); //將課程Id設定給下拉選單
}
});
