根據PHP

中的「搜索」選項顯示不同的搜索選項。有兩個下拉框可通過（分區或名稱）和搜索選項選擇框進行搜索。所以我想通過下拉式更改基於搜索輸入值的選擇選項。根據我的代碼，所有名稱和分部搜索選項不會分開。根據PHP

<table> 
<tr> 
    <td style="width:auto> 
    <div class="form-group"><?php 
    <select name='by_type' value='' id='form-field-select-3' class='form-control search-select' data-placeholder='By' required><option></option> 
      <option value="division">Division</option> 
      <option value="name">Name</option> 
    </select> 
    </td><td></td> 
    <td style="width:auto> 
    <div class="form-group"><?php 
      $query1 = "SELECT emp_id, name FROM employee WHERE user_status='active' ORDER BY name ASC"; 
      $result1 = mysql_query ($query1); 
      echo "<select name='emp_id' value='' id='form-field-select-3' class='form-control search-select' data-placeholder='Search Here' required> <option></option>"; 
      while($r = mysql_fetch_array($result1)) { 
      echo "<option value=".$r['emp_id'].">".$r['name']."</option>"; 
            }?> 
        <option value="Software Division">Software Division</option> 
        <option value="Financial Division">Financial Division</option> 
        <option value="Technical Division">Technical Division</option> 
        <option value="Research Division">Research Division</option> 
        <option value="Operation Division">Operation Division</option> 
      </td> 
      <td style="width:auto"><br> 
      <input type="submit" class="btn btn-purple" value="Search" name="click" style="height: 30px"> 
      </td></tr></div></table>

請幫幫我！

來源

2016-06-14 Chathurika

那麼，什麼是錯誤？ –

沒有任何錯誤，但我想顯示基於搜索選項的搜索選項。例如，如果用戶選擇分區，另一個選擇選項下拉菜單應該只顯示分區的名稱。 – Chathurika

[使用AJAX（PHP）更改]（http://stackoverflow.com/questions/24274259/changing-the-values-in-a-select-using-another-select -using-ajax-php） –

你需要使用ajax來做到這一點。首先，顯示分區下拉&使用帶有onchange事件的js方法&使用該下拉選項值調用ajax方法。然後將成功的數據顯示在第二個下拉菜單中。

這樣的 -

<select name='by_type' value='' id='form-field-select-3' class='form-control search-select' data-placeholder='By' required onchange="select_division();"><option></option> 
     <option value="division">Division</option> 
     <option value="name">Name</option> 
</select>

然後調用AJAX方法是這樣 -

<script> 
function select_division(){ 
$.ajax({ 

}); 
} 
</script>

來源

2016-06-14 04:32:06 Jobayer

你能舉個例子嗎？ – Chathurika

檢查以上答案，希望你現在就可以做到。 – Jobayer

我可以將隱藏的提交域放在select選項標籤內而不是使用ajax嗎？ – Chathurika

與阿賈克斯JQuery的更改代碼。

$.ajax({ 
      url: "data.php",//file wich has query select to db table 
      data: {search:searching},//describe your data here 
      dataType: 'json',// type of data that will you get (JSON/HTML). 
      type: 'POST',//sending type (POST/GET) 
      success: function(data) { 
       //do change the select option 
      } 
     });

來源

2016-06-14 04:37:47

回答

相關問題