我正在为一家医院创建一个动态表单。我在这里遇到数据自动完成的问题。问题是在将 json 数组更新为 data-autocomplete=' ' 后,它没有更新 data-autocomplete=' ' 的值。 由于我在前端表单中使用 html(bootstrap) 和 php 模板,因此所有链接都已正确排列,并且与此类似的一个输入元素工作正常,但我已使用 php 更新了该输入的值。
HTML代码
<input type='text' class="form-control ui-autocomplete-input" data-autocomplete='' autocomplete="off" id="patient_type_desc" name="patient_type_desc" class="form-control" />
JQuery 代码
$.post(url, {"referral":referral}, function(data){
//console.log(data);
$('#patient_type_desc').attr('data-autocomplete', data);
});
此代码正在更新值,但在表单中,自动完成功能不会填充建议。
The data variable is like below
["name1","name2"]
我也尝试过这个 jQuery 代码,但没有用 - 这个代码根本不起作用
$( "#patient_type_desc" ).autocomplete({
source: data
});
最佳答案
请检查下面的代码,也可以在这里找到 fiddle Fiddle 。希望这可以帮助您。
<div class="form-group ui-widget">
<label for="plugins">Patient Type desc</label>
<input type='text' class="form-control ui-autocomplete-input" data-autocomplete='' autocomplete="off" id="patient_type_desc" name="patient_type_desc" class="form-control" />
</div>
<script>
$(function()
var patient_type_desc = [
"name1",
"name2",
"name3",
"name4"
];
$("#patient_type_desc").autocomplete({source: patient_type_desc});
$("ul.ui-autocomplete").css("left","450px");
});
</script>
<style>
ul.ui-autocomplete { padding-left: 0; list-style-type: none; border: black 1px solid; display: inline-block;}
ul.ui-autocomplete li:hover { background-color: gray; }
ui-helper-hidden-accessible {display: none;}
</style>
关于javascript - 将 json 数组更新为 data-autocomplete 后,它不会更新 data-autocomplete 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50371171/