0
点赞
收藏
分享

微信扫一扫

Jquery下拉框动态获取数据

快乐码农Alan007 2022-01-08 阅读 39

    <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>

页面的实现

 

不喜勿喷,只留做个人记录,如果恰好能帮助到你们那是最好的!

举报

相关推荐

0 条评论