【问题标题】:How do I populate textbox from a combobox selected如何从选定的组合框填充文本框
【发布时间】:2016-04-21 20:20:06
【问题描述】:

我想要一个从数据库列中填充自身的组合框,当用户从组合框中选择一个选项时,它将填充位于同一页面上的文本框,其中包含与组合框中的选择相关的信息。

下面是我从下拉组合框中选择 select 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>

【问题讨论】:

  • 必须使用jQuery...
  • 您希望文本框中的文本更改为下拉菜单中选择的内容吗?
  • 是的,取决于数据库中的项目。例如。如果我在组合框中选择“绳索”,则文本框将填充“米”,如果我选择“棒”,则文本框将填充“pcs”@MelvinR​​ufetu

标签: javascript php jquery arrays combobox


【解决方案1】:

我会使用 AJAX 来做到这一点,我会保存从组合框中选择的值,然后通过 ajax 将其传递给 php,以便 php 执行一个查询,其中选定的值是搜索“键”,然后打印结果通过 php

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-03
    相关资源
    最近更新 更多