点击搜索网页

时间:2017-10-29 20:13:37

标签: javascript json

我有一个调用json代码的JS代码,但现在我想要点击或点击“输入”的结果,它搜索我制作的内部html页面。

$(document).ready(function(){
 $.ajaxSetup({ cache: false });
 $('#search_text').keyup(function(){
  $('#result1').html('');
  $('#state').val('');
  var searchField = $('#search_text').val();
  var expression = new RegExp(searchField, "i");
  $.getJSON('data.json', function(data) {
   $.each(data, function(key, value){
    if (value.name.search(expression) != -1 || value.location.search(expression) != -1)
    {
     $('#result1').append('<li class="list-group-item "> '+value.name+' | <span class="text-muted">'+value.location+'</span></li>');
    }
   });   
  });
 });

 $('#result1').on('click', 'li', function() {
  var click_text = $(this).text().split('|');
  $('#search_text').val($.trim(click_text[0]));
  $("#result1").html('');
 });
});

0 个答案:

没有答案