将数据从组合框检索到其他输入字段

时间:2020-09-21 21:22:16

标签: php

我是PHP初学者,在创建组合框或下拉列表时遇到问题。组合框或下拉列表包含库存名称,当我单击任何库存时,应显示库存代码和生产者。我已附上代码。我的代码可以很好地单独检索股票代码。我如何使库存代码和生产者被检索。

这就是我在做什么

                <label class="col-lg-2 col-form-label" for="val-skill">Select Stock<span class="text-danger">*</span> </label>
                <div class="col-lg-6">
                
                <select id="stockname" name="stockname" class="form-control" required="">
                
                <option value="0">Select Stock</option>
                <?php
                $ddaa = $pdo->query("SELECT id, stockname, stockno, producer FROM storemaster ORDER BY id");
                    
                    while ($data = $ddaa->fetch(PDO::FETCH_ASSOC))
                    {                                   
                        echo "<option value='$data[stockno]', '$data[producer]'> $data[stockname]</option>";
                        
                    }
                ?>
                  </select>
                 </div>
            </div>
                

        
            
        <div class="form-group">
          <label class="col-sm-2 control-label">Stock No</label>
          <div class="col-sm-6"><input  id="stockno" name="stockno" value="" class="form-control" type="text" readonly></div>
        </div>
        
        <div class="form-group">
          <label class="col-sm-2 control-label">Producer</label>
          <div class="col-sm-6"><input id="producer" name="producer" value="" class="form-control" type="text" ></div>
        </div>
        
        
        
        
    
    
            <div class="col-sm-6 col-sm-offset-3"><br/><br/><br/>
              <input type="submit" class="btn btn-lg btn-success btn-block" value="Submit">
            </div>
        
         
         
      </form>
      
      
      
    </div>
  </div>
             <script>
                    document.getElementById("stockname").onchange = function () {

                    document.getElementById("stockno").value = this.value;
                    
                };
            </script>    

1 个答案:

答案 0 :(得分:0)

//PHP
echo '<option value="'.$data['stockno'].'" data-producer="'.$data['producer'].'"> '.$data['stockname'].'</option>';


<!--HTML Javascript-->

<script>
  $('#stockname').on('change',function(){
  if($(this).val() !=0){
   $('#stockno').val($(this).val());
   $('#producer').val($(this).attr('data-producer'));
  }
 });
</script>