从选择标签上的选定值显示数据到另一个文本字段

Question

我想从数据库中调用2个值，分别放置在选择“下拉列表” 和输入类型文本上。

这可以看作是说明：

当我选择供应商ID 时，我希望所选值的属性显示在供应商名称字段中。 我该怎么办？

这是我必须调用标记值的代码：

  

在模型中：

function getAllGroups(){

   $query = $this->db->query('SELECT idvendor, vendorname FROM tbvendor');


            return $query->result();

            //echo 'Total Results: ' . $query->num_rows();
        }

  

在控制器中：

public function addshipment(){
        $data['title']= 'Vendor ID';
        $data['groups'] = $this->m_shipment->getAllGroups();
}

  

在视图中：

<div class="form-group">
  <label>Vendor ID:</label>
    <div class="input-group">
       <div class="input-group-addon">
           <i class="fa fa-institution"></i>
       </div>
         <select class="form-control input-box" name="idvendor">
            <?php 

             foreach($groups as $row)
             { 
              echo '<option value="'.$row->idvendor.'">'.$row->idvendor.'</option>';
                }
                ?> 
         </select>
 </div>      
</div> 

  

这是我数据库中的表

我已经成功调用了idvendor并将其放置在Select下拉字段中，但是当我选择idvendor时，仍然无法找到将vendorname放入输入类型文本的方法。

希望有人可以给我一个答案。 谢谢

Answer 1

基本上恕我直言，这是一个非常简单的任务-由于您未发布任何代码，因此我会举一个例子

您的选择框

<select name="">
    <option value="" data-vendor-name="your vendor name">Vendor Name</option>
</select>

您的输入字段

<input type="text" name="data-vendor-name" value="" />

和jquery代码

$( document ).ready(function() {
    $('option[data-vendor-name]').on('change', function()   {
        $('input[name="data-vendor-name"]').val($(this).attr('data-vendor-name'));
    });
});