javascript - 选择 li 后使用 JSP 自动完成提示文本输入丢失其选择器

Question

我使用自动完成框来建议一些价值。它对我很有用，但是在我选择值后我遇到了这个问题，文本输入选择器橙色被删除

我的文字输入

<input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />

我的 JavaScript 代码

function lookup(inputString) {
if(inputString.length == 0) {
$('#suggestions').hide();
} else {
$.post("states.jsp", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
 $('#suggestions li').click(function() {
var vel = $(this).html();
 $('#inputString').val(vel);
});
}
});
}
}







function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
 }

Answer 1

@user1683781 你是如何在 states.jsp 页面中编写数据的？您可以在相同的 states.jsp 页面中添加 css。否则，您可以在填充数据的位置添加 css 以进行输入。

$('#inputString').css({"color":"orange","background-color":"#ccc"});

让我知道这是否可以解决您的问题。