mvc 下拉列表 DropDownList 兩種繫結方式
$("#id").val("請選擇");
前臺
@Html.DropDownListFor(model=> model.lishudanweiid, ViewBag.DevNameList asIEnumerable<SelectListItem>, "請選擇", new {@class = "form-control" })
後臺
1繫結資料來源 :ViewBag.DevNameList 紅色部分要與前臺一致
public void GetTielujuInfos()
{
List<Model.Sys_Station>seriesList = StationService.LoadEntities(u =>u.higherUpcode.Equals("A0000")).ToList(); ;
//1.2將YzSeriesEntity的資料封裝到SelectList中,制定要生成下拉框選項的value和text屬性
SelectList selList1 = newSelectList(seriesList, "UnitCode", "UnitName");
ViewBag.DevNameList = selList1;
}
Id和text 同時拿到
<input type="hidden"name="lishudanwei" id="lishudanwei" />
$("#lishudanwei").val($("#lishudanweiidoption:selected").text());
$("#text").val($("#id option:selected").text());
$("#id option:selected").val()
判斷請選擇
if("請選擇" == $("#leixingid option:selected").text()) {
$.messager.alert('警告', '請選擇類別!');
return;
}
另外一種下拉繫結適合多個共用
新增前臺:
頁面:<inputclass="easyui-combobox" id="leixingid"
name="leixingid"
data-options="
url:'/Zhiqinshilileixing/GetQicaileibie',
valueField:'id',
textField:'name',
panelHeight:'auto'
" required="true">
提交獲取值: $("#leixingmingcheng").val($("#leixingid").combobox('getText'));
相同後臺:
public ActionResult GetQicaileibie()
{
var data = ZhiqinshilileixingService.LoadEntities(u => true);
var d1 = from d in data
select new
{
d.id,
d.name
};
return Json(d1);
}
編輯
頁面載入:
$('#leixingid').combobox({
url:'/Zhiqinshilileixing/GetQicaileibie',
valueField: 'id',
textField: 'name',
});
頁面:<input id="leixingid" name="leixingid"value="@Model.leixingid" required="true" />
提交獲取值: $("#leixingmingcheng").val($("#leixingid").combobox('getText'));