将select标记上的selected值中的数据显示到另一个文本字段

nimxete2  于 2021-06-21  发布在  Mysql
关注(0)|答案(1)|浏览(452)

我想从数据库中调用2个值,放在select“dropdown”和input type text上。
这可以看作是一个例证:

当我选择一个供应商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放置到输入类型文本中的方法。
希望有人能给我一个答案。谢谢

jjjwad0x

jjjwad0x1#

基本上,这是一个非常简单的任务-因为你没有发布任何代码,我将给你一个例子
您的选择框

<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'));
    });
});

相关问题