MVC 5 选项空行 JavaScript
MVC 5 Option Empty Line With JavaScript
$('#DepartmentCode').change(function () {
var empName = $('#Employee_No');
var department = $('#DepartmentCode').val();
empName.empty();
$.ajax({
url: "/LeaveRequestEntry/GetEmployeesByDept",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({ ClassCode: department }),
success: function (data) {
$.each(data, function (index, option) {
empName.append('<option value=' + option.Value + '>' + option.Text + '</option>');
});
}
});
});
这是我的 JavaScript 代码。
ViewBag.Employee = employeeRepository.GetAllByDepartment(ClassCode).Select(e => new SelectListItem { Text = e.Full_Name + "_" + e.No, Value = e.No });
return Json(new SelectList(ViewBag.Employee, "Value", "Text"));
这是我的控制器部分。
<div class="field">
@Html.DropDownList("Department", new SelectList(ViewBag.DepartmentList, "Value", "Text"), LeaveRequestEntryRes.SelectableMessage, new { @class = "ui fluid dropdown", @id = "DepartmentCode" })
</div>
<div class="field">
@Html.DropDownList("Employee_No", new SelectList(ViewBag.EmployeeList, "Value", "Text"), LeaveRequestEntryRes.SelectableMessage, new { @class = "ui fluid dropdown" })
</div>
html部分有2个选项。我select一个部门的时候,那个部门的员工都来了。我的问题是其中之一总是 selected。我想点击 select。我该如何修复它,以便在我点击它时??
对不起我的英语不好。 :)
你能不能在成功的循环上面设置一个占位符选项?
例如:
empName.append('<option value="" selected>Select an option</option>');
// The loop to populate
$('#DepartmentCode').change(function () {
var empName = $('#Employee_No');
var department = $('#DepartmentCode').val();
empName.empty();
$.ajax({
url: "/LeaveRequestEntry/GetEmployeesByDept",
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
data: JSON.stringify({ ClassCode: department }),
success: function (data) {
$.each(data, function (index, option) {
empName.append('<option value=' + option.Value + '>' + option.Text + '</option>');
});
}
});
});
这是我的 JavaScript 代码。
ViewBag.Employee = employeeRepository.GetAllByDepartment(ClassCode).Select(e => new SelectListItem { Text = e.Full_Name + "_" + e.No, Value = e.No });
return Json(new SelectList(ViewBag.Employee, "Value", "Text"));
这是我的控制器部分。
<div class="field">
@Html.DropDownList("Department", new SelectList(ViewBag.DepartmentList, "Value", "Text"), LeaveRequestEntryRes.SelectableMessage, new { @class = "ui fluid dropdown", @id = "DepartmentCode" })
</div>
<div class="field">
@Html.DropDownList("Employee_No", new SelectList(ViewBag.EmployeeList, "Value", "Text"), LeaveRequestEntryRes.SelectableMessage, new { @class = "ui fluid dropdown" })
</div>
html部分有2个选项。我select一个部门的时候,那个部门的员工都来了。我的问题是其中之一总是 selected。我想点击 select。我该如何修复它,以便在我点击它时?? 对不起我的英语不好。 :)
你能不能在成功的循环上面设置一个占位符选项?
例如:
empName.append('<option value="" selected>Select an option</option>');
// The loop to populate