2017-11-06 10 views
0

私はコンボボックスからコンボボックスを選びます。コンボボックスからコンボボックスを選択すると、同じページにあるコンボボックスに情報が表示されますコンボボックスでの選択。コンボボックスの値は他のコンボボックスに依存します

以下は、ドロップダウンコンボボックスから選択値を選択したときにコンボボックスに入力するコードです。しかし、それは動作しません、コンボボックスはまだ空白。事前に

乾杯と感謝:)

HTML

<form role="form" action="" method="post"> 
    <div class="col-md-3"> 
     <div class="form-group"> 
      <label>Brand Name</label> 
      <select name="BRAND_CODE" id="BRAND_CODE" required="" class="form-control" onChange="getPRODUCT(this.value);"> 
       <option value="">Choose Brand</option> 
       <option value="1">Brand A</option> 
       <option value="2">Brand B</option> 
      </select> 
     </div>      
    </div> 
    <div class="col-md-3"> 
     <div class="form-group"> 
      <label>Production Name</label> 
      <select name="PRODUCT_CODE" id="PRODUCT_CODE" required="" class="form-control" onChange="getPRODUCT(this.value);"> 
       <option value="">Choose Production</option> 
       <option value="1">Product 1</option> 
       <option value="2">Product 2</option> 
       <option value="3">Product 3</option> 
      </select> 
     </div> 
    </div> 
    <div class="col-md-3"> 
     <div class="form-group"> 
      <label>Buyer</label> 
      <select name="BUYER_CODE" id="BUYER_CODE" required="" class="form-control"> 
       <option value="">Choose Buyer</option> 
      </select> 
     </div> 
    </div> 
</form> 

AJAX

<script type="text/javascript"> 
    function getPRODUCT(val) { 
     $.ajax({ 
     type: "POST", 
     url: "check_buyer.php", 
     data:['BRAND_CODE='+val,'PRODUCT_CODE='+val], 
     success: function(data){ 
     $("#BUYER_CODE").html(data); 
     } 
     }); 
    } 
</script> 

check_buyer.php

<?php 
    require_once("module/conn/conn.php"); 
    ?> 
     <option value="">Choose Buyer</option> 
    <?php 
    if(!empty($_POST["PRODUCT_CODE"])) { 
     $PRODUCT_CODE = $_POST["PRODUCT_CODE"]; 
     $BRAND_CODE = $_POST["BRAND_CODE"]; 
     $sql ="select BUYER_CODE,BUYER_NAME from m_buyer where PRODUCT_CODE = '$PRODUCT_CODE' and BRAND_CODE = '$BRAND_CODE'"; 
     $results = $conn->query($sql); 
     while ($rowz = $results->fetch_assoc()) { 
      ?> 
       <option value="<?php echo $rowz["BUYER_CODE"]; ?>"><?php echo $rowz["BUYER_NAME"]; ?></option> 
      <?php 
     } 
    } 
?> 
+0

に機能を変更してみてください、別の値を参照する必要があります私は多分、データ 'でAJAXを変更しようとするだろう:{ 'BRAND_CODE': val、 'PRODUCT_CODE':val} 'また、成功の出力の前に、console.log(data);を追加して、何かがコンソールログに戻ったかどうかを確認することもできます。 – Rasclatt

+0

これは参考になる場合があります。https://stackoverflow.com/questions/47083702/filter-dropdown-based-on-other-dropdown-selection/47088878#47088878 – CasperSL

+0

また、PHPでクエリを準備/バインドしてください。あなたはSQLインジェクションに脆弱です。 – Rasclatt

答えて

0

あなたBRAND_CODEPRODUCT_CODE

function getPRODUCT(val) { 
    $.ajax({ 
     type: "POST", 
     url: "check_buyer.php", 
     data: { 'BRAND_CODE': $("#BRAND_CODE").val(), 'PRODUCT_CODE': $("#PRODUCT_CODE").val() }, 
     success: function(data) { 
      $("#BUYER_CODE").html(data); 
     } 
    }); 
} 
+0

まだ空白の結果を取得する..病気ajax onchangeの参照を見てください –

+0

コードは、クエリ文字列の代わりにオブジェクトを使用するように更新され、再度試して、それが動作するかどうかを確認することができます – AngYC

+0

前と同じ結果になります。私は1つのコンボボックスの条件を使用してAjaxの値を取得しようとしました、それは動作します..しかし、今私は2コンボボックスを条件として使用して空白の結果を取得しようとしている:( –

関連する問題