欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

ajax-多个搜索框搜索自动匹配

程序员文章站 2024-02-10 13:34:28
...
ajaxjsphp

ajax-多个搜索框搜索自动匹配

index.html

 


测试

商品型号 商品数量 操作
单位(米)

zi.js

$(function(){  $(':button[name=add]').click(function(){    insertTr();  })  $('button[name=del]').click(function(){    $(this).parents('tr').remove();  })})var gradeI=1;function insertTr(){      var html='';      html+='
 
';      html+='
单位(米)';      html+='
';      $('#tab').append(html);      $('button[name=del]').click(function(){          $(this).parents('tr').remove();      })         gradeI++;  }  

sspp.js

 var myS=document.getElementsByName("inputString");function lookup(inputString) { if(inputString.length == 0) { // Hide the suggestion box. $('#suggestions').hide(); } else { $.post("rpc.php", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); } else {    var myzd="没有这个商品";    $('#suggestions').show(); $('#autoSuggestionsList').html(myzd); }}); } } // lookup function fill(thisValue) { $('#inputString').val(thisValue); setTimeout("$('#suggestions').hide();", 200); } 
相关标签: ajax js php