$('#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>'); }); } }); });Este es mi código 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"));Esta es mi parte del controlador.
<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>Hay 2 opciones en la parte html. Cuando selecciono un departamento, vienen los empleados de ese departamento. Mi problema es que uno de ellos siempre está seleccionado. Quiero hacer clic y seleccionar. ¿Cómo lo soluciono para que si hago clic en él? Lo siento por mi ingles. :)
¿No podría simplemente establecer una opción de marcador de posición sobre el bucle en el éxito?
por ejemplo:
empName.append('<option value="" selected>Select an option</option>'); // The loop to populate