jquery

Just a Web Code Solution

Step 1. Your question relates to:

Step 2. Type a keyword:

search data in text file using jquery ?

647

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>

<input type="text" id="myinput"></br>
<div id="mysearch" style="overflow:auto;max-height: 100px;width: 130px;background-color: white;"></div>

<script>
$(document).ready(function () {

$("#myinput").bind('input propertychange', function () {

$("#mysearch").empty();
var str = $("#myinput").val();
var res = str.toLowerCase();

$.get("/project/luis/sl_UElSEVjNxG202184168/TextFile.txt", function (data, status) {

var myObj = $.parseJSON(data);

for (i in myObj.records) {

var post = myObj.records[i].Tech.search("" + res + "");

if (post != -1) {

$("#mysearch").css("border","1px solid #A5ACB2");
$("<br /><span>" + myObj.records[i].Tech + "</span>").appendTo("#mysearch");
$("#mysearch").css("border","1px solid #A5ACB2");
$("#mysearch").css("overflow","auto");

}
}
});
});
});

</script>
</body>
</html>