自动完成时突出显示/加粗文本

时间:2018-12-05 15:35:53

标签: javascript css

我有以下代码,我希望用户输入的单词变成boldhighlight,我该怎么做呢?谢谢!

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>    
<script type="text/javascript">
$(function() {

//autocomplete
$(".auto").autocomplete({
    source: "search.php",
    minLength: 1
});                

});
</script>

1 个答案:

答案 0 :(得分:0)

在引导程序自动完成教程中,类似:

if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {
      /*create a DIV element for each matching element:*/
      b = document.createElement("DIV");
      /*make the matching letters bold:*/
      b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>";
      b.innerHTML += arr[i].substr(val.length);

arr是要查找的数组,val是要键入的文本