<td style="width:15%"> <input type="text" value="" name="deptName" style="width: 98%;border:0px;outline:none" placeholder="请选择部门" list="dataList"/> <datalist id="dataList"> <div name="departmentDrop"></div> </datalist> <input type="hidden" name="departmentId"/> </td>
$.ajax({ type: "POST", url: url, data: "", dataType: "json", success: function (data) { resultDataList = data.resultList; var list = data.resultList; if (null != list && list.length > 0) { for (var i = 0; i < list.length; i++) { var $option = $("<option data-id='" + list[i].departmentId + "' value='" + list[i].departmentName + "'>" + list[i].departmentName + "</option>"); $('div[name="departmentDrop"]').append($option); } } } });
//部门选择 $('input[name="deptName"]').change(function () { var departmentId = $("#dataList option[value=" + this.value + "]")[0].dataset.id; if ("" == departmentId || null == departmentId) { return; } $('input[name="departmentId"]').val(departmentId); })