テキストボックスに太字で表示する項目をクリックするドロップダウンリスト

Question

テキスト表示のドロップダウンリストをクリックすると、太字のテキストボックスが表示されます。

例： Javaの世界

$(function(){ 
 
    var availableName = ["Java","Javascript","PHP","HTML","CSS","Angularjs","SQL",".Net"]; 
 
    $("#uname").autocomplete({ 
 
     source: availableName 
 
    }); 
 
});

body { 
 
    background-color: powderblue; 
 
    color: Darkblack; 
 
} 
 
h2 { 
 
    color: #000080; 
 
    font-size: 300%; 
 
} 
 
.name{ 
 
    font-weight: bold; 
 
}

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
 

 
<div class="row"> 
 
    <form align="center"> 
 
     <br> <label for="name"> Name: </label> 
 
     <input class="name" type="text" id="uname"> <br> 
 
    </form> 
 
</div>

Answer 1

は私の解決策をご覧ください：jsfiddle

$(document).ready(function() { 
    $("#suggest").autocomplete({ 
    delay: 100, 
    source:["Java","Javascript","PHP","HTML","CSS","Angularjs","SQL",".Net"] 
    }).data("autocomplete")._renderItem = function(ul, item) { 
    var term = this.element.val(), 
     regex = new RegExp('(' + term + ')', 'gi'); 
    t = item.label.replace(regex , "<b>$&</b>"); 
    return $("<li></li>").data("item.autocomplete", item) 
     .append("<a style='height:30px;'>" + t + "</a>") 
     .appendTo(ul); 
    }; 
}); 

これはあなたを助けることを願っています！。