<div class="col-sm-1 control-label">岗位id</div>
<div class="col-sm-2 ">
<select class="form-control" name="postId" id="postId">
<option value='post_id'>请选择</option>
</select>
</div>
</div>
<script type="text/javascript" src="${ctxPath}/common/jquery/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
//查询所有岗位,并根据用户id显示该用户岗位
function postNameList(id) {
$.ajax({
url: "${ctxPath}/sys/post/postNameList",
dataType: "json",
type: "get",
success: function (data) {
// console.log(data);
$.each(data, function (index) {
var postId = data[index].id;
var postName = data[index].postName;
$("#postId").append("<option value='" + postId + "'>" + postName + "</option>");
});
$("#postId").each(function () {
// this代表的是,对option再进行遍历
$(this).children("option").each(function () {
// 判断需要对那个选项进行回显
if (this.value == id) {
// 进行回显
$("#postId").val(this.value);
}
});
});
},
error: function () {
console.log(this.url);
}
});
};
</script>
页面的实现
不喜勿喷,只留做个人记录,如果恰好能帮助到你们那是最好的!