JavaScript-如何執行下拉選擇中的某些查詢？

Question

我想通過基於用戶選擇執行某些查詢來簡化代碼

這樣的想法是，用戶首次訪問該頁面時，將根據該查詢顯示基於Base + group by的查詢。 但是接下來，他們可以從下面的下拉列表中決定要查看哪些數據

  //Base
  $Material = "SELECT MATERIAL, COUNT(MATERIAL) AS 'TOTAL' FROM `khitable` ";
  $StorageLocation = "SELECT SLOC ,COUNT(SLOC) AS 'TOTAL' FROM `khitable`";
  $VerifStock = "SELECT VERIF_STOCK ,COUNT(VERIF_STOCK) AS 'TOTAL' FROM `khitable`";

  //Tipe Pipa
  $ERW = "WHERE MATERIAL LIKE '%ER%'";
  $SP = "WHERE MATERIAL LIKE '%SP%'";
  $ACC = "WHERE MATERIAL LIKE '%ACC%'";

  //Status Pengerjaan
  $FG = "AND MATERIAL NOT LIKE '%SF-%'";
  $WIP = "AND MATERIAL LIKE '%SF-%'";

  //Ketersediaan
  $SO = "AND SO_NUMBER NOT LIKE '%605%'";
  $Buffer = "AND SO_NUMBER LIKE '%605%'";
  $FS = "AND MATERIAL LIKE '%-FS%";

  //Group By
  $GroupMaterial = "GROUP BY MATERIAL";
  $GroupSLOC = "GROUP BY SLOC";
  $GroupVerifStock = "GROUP BY VERIF_STOCK";

然后下一個用戶可以從下面的下拉列表中選擇要顯示的數據

<div class="row">
  <div class="input-field col s4">      
    <select class="validate">
      <option value="" disabled selected>Pilih pilihan anda</option>
      <option value="1">Finish Good</option>
      <option value="2">Semi Finish (WIP)</option>
    </select>
    <label >Pilih Berdasarkan Status Pengerjaan</label>
  </div>
  <div class="input-field col s4">      
    <select class="validate">
      <option value="" disabled selected>Pilih pilihan anda</option>
      <option value="1">Sales Order</option>
      <option value="2">Buffer</option>
      <option value="3">Free Stock</option>
    </select>
    <label >Pilih Berdasarkan Status Ketersediaan</label>
  </div>
</div>

因此有2個下拉菜單，用戶只能根據他們在下拉列表中選擇的內容進行查看。 我還不了解的是在我的代碼上這樣做。 感謝任何人在這里的幫助。

ps：假設根據查詢顯示的內容從數據庫查看數據

Answer 1

的PHP：

//Base
 $select["Material"] = "SELECT MATERIAL, COUNT(MATERIAL) AS 'TOTAL' FROM `khitable` ";
 $select["StorageLocation"] = "SELECT SLOC ,COUNT(SLOC) AS 'TOTAL' FROM `khitable`";
 $select["VerifStock"] = "SELECT VERIF_STOCK ,COUNT(VERIF_STOCK) AS 'TOTAL' FROM `khitable`";

 //Tipe Pipa
$where["ERW"] = "WHERE MATERIAL LIKE '%ER%'";
$where["SP"] = "WHERE MATERIAL LIKE '%SP%'";
$where["ACC"] = "WHERE MATERIAL LIKE '%ACC%'";

//Status Pengerjaan
$and1["FG"] = "AND MATERIAL NOT LIKE '%SF-%'";
$and1["WIP"] = "AND MATERIAL LIKE '%SF-%'";

//Ketersediaan
$and2["SO"] = "AND SO_NUMBER NOT LIKE '%605%'";
$and2["Buffer"] = "AND SO_NUMBER LIKE '%605%'";
$and2["FS"] = "AND MATERIAL LIKE '%-FS%";

//Group By
$group["GroupMaterial"] = "GROUP BY MATERIAL";
$group["GroupSLOC"] = "GROUP BY SLOC";
$group["GroupVerifStock"] = "GROUP BY VERIF_STOCK";

$query = $select[$_GET["query_select"]]." ".
         $where[$_GET["query_where"]]." ".$and1[$_GET["query_and1"]].
         " ".$and1[$_GET["query_and2"]]." ".$group[$_GET["query_group"]];

的HTML：

<form action="yourscript.php" method="get">
<!-- here is your form elements for material,storagelocation etc -->
  .................
<div class="row">
  <div class="input-field col s4">      
    <select class="validate" name="query_and1">
      <option value="" disabled selected>Pilih pilihan anda</option>
      <option value="FG">Finish Good</option>
      <option value="WIP">Semi Finish (WIP)</option>
    </select>
    <label >Pilih Berdasarkan Status Pengerjaan</label>
  </div>
  <div class="input-field col s4">      
    <select class="validate" name="query_and2">
      <option value="" disabled selected>Pilih pilihan anda</option>
      <option value="SO">Sales Order</option>
      <option value="Buffer">Buffer</option>
      <option value="FS">Free Stock</option>
    </select>
    <label >Pilih Berdasarkan Status Ketersediaan</label>
  </div>
</div>
 ............
 </form>

我希望你了解一個主意

Answer 2

檢查下面的示例鏈接以獲取更多詳細信息如何使用ajax提交數據並獲取結果

https://www.w3schools.com/php/php_ajax_database.asp