2016-06-14 14 views
0

中的「搜索」選項顯示不同的搜索選項。有兩個下拉框可通過(分區或名稱)和搜索選項選擇框進行搜索。所以我想通過下拉式更改基於搜索輸入值的選擇選項。根據我的代碼,所有名稱和分部搜索選項不會分開。根據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> 

請幫幫我!

+0

那麼,什麼是錯誤? –

+0

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

+0

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

回答

1

你需要使用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> 
+0

你能舉個例子嗎? – Chathurika

+0

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

+0

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

1

與阿賈克斯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 
      } 
     });