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

Posted 2023-03-05

【中文标题】将数据从选择标记上的选定值显示到另一个文本字段

【英文标题】：Display Data From Selected Value On the Select Tag to another Text Field

【发布时间】：2019-02-17 17:32:43

【问题描述】：

我想从数据库中调用 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 将其放置在“选择”下拉字段中，但是当我选择 idvendor 时，我仍然无法将供应商名称放入 输入类型文本。

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

【问题讨论】：

您需要使用 ajax 来实现此功能。在更改选择框供应商 ID 时，将值发送到 db 以获取属性

@Alex 还有其他更简单的方法吗？

有很多方法可以做很多事情，但这是最简单和最标准的方法

在您为供应商 ID 创建下拉列表的位置显示您的代码 - 并将您希望在供应商名称上显示的字段命名为我们，看起来您使用引导程序不是吗？所以 jquery 已经可用，因为你需要它

@sintakonte 是的，我正在使用 Jquery

【参考方案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'));
    );
);

【讨论】：

感谢@sintakonte 先生，但我的选择标签值是从数据库中“调用”的。我可能会尝试编辑帖子。但感谢您的参与。

如果您也发布您的供应商名称的视图代码会有所帮助 - 因为这正是我所说的。