如何從一個搜索按鈕

我了Javascript以下觸發AJAX：如何從一個搜索按鈕

<script> 
function showtickets(str) { 
    if (str == "") { 
     document.getElementById("txtHint").innerHTML = ""; 
     return; 
    } 
    if (window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("txtHint").innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.open("GET", "/processes/editticket.php?WTNum=" + str, true); 
    xmlhttp.send(); 
}

它完美，如果我用一個選擇框，並觸發與「平變化」的功能。但是，我的客戶請求了一個搜索框。我無法讓它與搜索框一起工作。這裏是我的HTML搜索框和結果應該去的div。

<form class='form-horizontal col-xs-12 col-md-12 col-lg-12' name="editticket" method="post" action="/processes/updateticket.php"> 
    <div class='panel panel-primary'> 
     <div class='panel-heading'> 
      <h3 class='panel-title'>Edit Work Tickets</h3> 
     </div> 

      <div class='panel-body'> 
       <div class="input-group"> 

    <span class="input-group-addon">Enter Ticket #</span> 
          <input type="text" class="form-control" id="search" name="WTNum" > 
          <span class="input-group-btn"> 
           <button class="btn btn-default" type="button" onclick="showtickets(document.getElementById('search').value)">Search</button> 
          </span> 

       <div id="txtHint"><b></b></div> 

</form>

我錯過了什麼！這讓我瘋狂！謝謝大家提前。非常感謝。

來源

2014-07-25 K3n5

任何錯誤命中當你打開調試模式？ – Se0ng11

你用jQuery標記了這個，你可以用jQuery嗎？如果是這樣，這是一個相當簡單的問題，可以通過[jQuery UI Autocomplete]（http://jqueryui.com/autocomplete/）或任意數量的第三方插件來解決。 –

爲什麼不直接調用showtickets功能不帶參數，然後在函數內部，你這樣做

str = document.getElementById('search').value;

來源

2014-07-25 02:13:33 Khalid

其實，它確實:) – Khalid

@ K3n5不客氣 – Khalid

沒有注意到OP的類型設置爲按鈕，使其不能像提交按鈕那樣工作。 –

我想你一定你的JavaScript調試或警報在某些範圍內尋找到錯誤

來源

2014-07-25 02:32:48

如何從一個搜索按鈕

回答

相關問題