jquery-ui autocomplete在模态框(model)中,出不来


知识点:在使用模态框中使用 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>
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM