在输入时,在db中搜索字符串

时间:2015-01-30 12:07:20

标签: javascript jquery html

我有这段代码:

<body>
    Please make your selection:
    <div id="div1">
       <tr>
            <td>
            <input type="button" value="Insert" onclick="form.html" />
            </td>
            <td>
            <input type="button" value="View" onclick="window.location='view-master.php';" />
            </td>
            <td>        
            <input type="button" value="Edit" onclick="edit.html" />
            </td>
            <td>
              <input type="button" value="Search" onclick="showsearchform()" />
            </td>
      </tr>  
    </div>      
</body>
然后是JS:

<script type="text/javascript">
 function showsearchform()
 {
   var tr = document.createElement("tr");
   var td = document.createElement("td");
   var label = document.createElement("label");
   label.id = "label1";
   label.value = "Surname";

   var input = document.createElement("input");
   tr.appendChild(td);
   td.appendChild(label);
   td.appendChild(input);

   var element = document.getElementById("div1");
   element.appendChild(tr);

   $('#input').keyup(function (e) {
     var str = $('#search').val();
     var url = "search.php";
     if (e.keyCode == 13) {
       location.href = url;
     }
   });
 }
</script>

当我点击搜索时我得到了inoutbox,但我现在要做的是当我在框中输入一个姓氏并点击输入我想连接到数据库并搜索此姓氏

我可以做db的东西,只是不确定JS和Jquery

1 个答案:

答案 0 :(得分:1)

HTML

  <input type="text" name="txt" onkeypress="Search" />

的javascript

<script>
    function Search(e){
        if(e.keyCode === 13){// enter key value is 13


     **// Your ajax request write here , and in server side you can 
**check corresponding results in database and return if data is present and take it as ajax replay****
        }

        return false;
    }
</script>