2016-04-21 143 views
-1

我想要一個從數據庫列填充自己的組合框,當用戶從組合框中選擇一個選項時,它將填充同一頁面上的文本框,其中包含與在組合框中進行選擇。如何從選中的組合框填充文本框

下面是我用來填充文本框的代碼,當我從下拉組合框中選擇了選擇的nama。但它不起作用,文本框仍然是空白的。 我有下拉工作,也填充使用名稱的JavaScript數組,但我只是不能解決如何使用數組顯示在字段中。

我明白它將不得不使用JavaScript和Onchange函數,任何人都可以指向正確的方向嗎?

歡呼聲和感謝提前:)

<script src="js/jquery.js"></script> 
    <script type="text/javascript"> 
      var selected = new Array(); 

      <?php 
       $query1 = "SELECT * FROM inventori"; 
       $result1 = mysql_query($query1) or die(mysql_error()); 

       // build javascript array 
       while($row1=mysql_fetch_array($result1)){ 
        echo 'selected['.$row1['selectnama'].'] = new Array();'; 
        echo 'selected['.$row1['selectnama'].']["NAMA_BAHAN_BAKU"] = "'.$row1['NAMA_BAHAN_BAKU'].'";'; 
        echo 'selected['.$row1['selectnama'].']["SATUAN"] = "'.$row1['SATUAN'].'";'; 
       } 
      ?> 

      function showname() { 
       var selectnama = document.formInventori.selectnama.value; 
       document.formInventori.SATUAN.value = selected[selectnama]["SATUAN"]; 
      } 

      window.onload=function() { 
       showname(); 
      } 

     </script> 

    <form role="form" action="" method="post" name="formInventori"> 
      <div class="form-group"> 
       <label for="NAMA_BAHAN_BAKU">Nama Bahan Baku</label> 
       <select class="form-control" name="selectnama" onchange="showname()"> 
       <option value="">Pilih Nama Bahan Baku</option> 
       <?php 
        $query1 = "SELECT * FROM inventori"; 
        $result1 = mysql_query($query1) or die(mysql_error()); 
        // build javascript array 
        while($row1=mysql_fetch_array($result1)){ 
         echo '<option value="'.$row1['ID_BAHAN_BAKU'].'">'.$row1['NAMA_BAHAN_BAKU'].'</option>';  } 
       ?> 
       </select> 
      </div> 
      <div class="form-group"> 
       <label for="SATUAN">Satuan Barang</label> 
       <input type="text" class="form-control" readonly="" id="SATUAN" name="SATUAN" value=""> 
      </div> 
</form> 
+1

必須使用jQuery ... – AbraCadaver

+0

您希望文本框中的文本更改爲在下拉列表中選擇的內容嗎? –

+0

是依賴於數據庫中的項目。例如。如果我在組合框中選擇「繩索」,那麼文本框將填充「米」,如果我選擇「棒」,文本框將填充「個人電腦」@MelvinR​​ufetu –

回答

0

我會使用AJAX來做到這一點,我會保存在組合框中選擇的值,然後通過Ajax將它傳遞給一個PHP使PHP執行查詢所選值爲搜索「鍵」,然後打印結果通過php