<html>
<head>
<script src=".\jquery.1.4.2.js"></script>
<link rel="stylesheet" enter code heref=".\jquery.autocomplete.css" type="text/css" />
<script type="text/javascript" src=".\jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
var data = "AndraPradesh;ArunachalPradesh;Assam;Bihar;Chhattisgarh;Goa;Gujarat;Haryana;HimachalPradesh;Jammuan&Kashmir;Jharkhand;Karnataka;Kerala;MadyaPradesh;Maharashtra;Manipur;Meghalaya;Mizoram;Nagala;Orissa;Punjab;Rajasthan;Sikkim;TamilNadu;Tripura;Uttaranchal;UttarPradesh;WestBengal".split(";");
$("#example").autocomplete((data),{ matchContains: 0, minChars: 1, scroll: true, width: 143, selectFirst: true, multiple: true, multipleSeparator: ';', autoFill: false });
});
</script>
</head>
<body>
<b><font color="red">ENTER INDIAN 'STATE' NAME TO SEE AUTOCOMPLETE</font></b>
<br><br> Enter States <input id="example" /> <button onclick="javascript:displaycontent();">click me</button>
</body>
<script>
function displaycontent()
{
var alertmsg = $("#example")[0].value;
alert(alertmsg );
}
</script>
</html>
我使用了上面的代码......一旦我输入州名称......当我们输入另一个州名称时，它不应该出现在下一次尝试中
最佳答案
我将详细阐述henkieee的评论:
var data = "AndraPradesh;ArunachalPradesh;Assam;Bihar;Chhattisgarh;Goa;Gujarat;Haryana;HimachalPradesh;Jammuan&Kashmir;Jharkhand;Karnataka;Kerala;MadyaPradesh;Maharashtra;Manipur;Meghalaya;Mizoram;Nagala;Orissa;Punjab;Rajasthan;Sikkim;TamilNadu;Tripura;Uttaranchal;UttarPradesh;WestBengal".split(";");
var distinct = [];
$.each(data , function(i, el){
if($.inArray(el, distinct ) === -1)
distinct.push(el);
});
//distinct will not contain any duplicates
或者如果您不想使用 jquery(在 ie7 中不起作用):
var distinct = data.filter(function(elem, pos) {
return data.indexOf(elem) == pos;
});
Fiddle
关于jquery - 如何删除自动完成中的重复项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13086662/