jquery-ui autocomplete在模态框（model）中，出不来

时间：2024-09-29 17:06:20

知识点：在使用模态框中使用 jquery-ui autocomplete，无法显示下拉框的数据

参考博客：https://www.jianshu.com/p/3944693773ed

解决办法：在autocomplete中添加 appendTo

<body>
<html>

<div class="modal-body">

<form class="m-form m-form--fit m-form--label-align-right"  id="m-form-1">
    <label class="col-form-label col-lg-2 col-sm-12">
         药品名称 <span style="color: #F00">*</span>
   </label>
   <input type="text" style="width: 120px; z-index: 1055;"  onchange="test1(this)"
   class="form-control m-input" placeholder="药品名称" id="rolename" autocomplete="off" >
</form>

</div>

<script>
function test1(){
    debugger
    var arr=["zhansan","lishi"];
    $("#rolename").autocomplete({
        source : arr,// 数据
        appendTo:$("#m-form-1") //m-form-1是from表单的id

    });

}
</script>
</body>
</html>
 

相关文章