I found solution. i have removed datalist and add autocomplete function of jquery on textbox. which works fine on all systems for me.
<input type="text" name="txtUserId" id="txtUserId" list="UID" autocomplete="off" class="form-control">
Here is Jquey function:
$("#txtUserId").autocomplete({
source: function (request, response) {
var p_length = $("#txtPincode").val();
if (p_length.length < 14) {
$.ajax({
url: "/MapSearch/LoadAll_Pcode",
type: "POST",
dataType: "json",
data: { txt: request.term },
success: function (data) {
var val_sn = $.map(data, function (snm) {
var txt1 = request.term.substring(request.term.lastIndexOf(",")+1, request.term.lastIndexOf(",") + 5)
if (snm.Text.toUpperCase().indexOf(txt1.toUpperCase()) === 0) {
return snm.Text;
}
});
response(val_sn);
},
error: function (data) {
}
});
}
},
minLength: 1,
});
please add these two links on your page:
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>