从选定的下拉 CodeIgniter 将数据显示到文本字段答案

【问题标题】：Display Data to textfield from selected dropdown CodeIgniter从选定的下拉 CodeIgniter 将数据显示到文本字段
【发布时间】：2020-03-05 03:34:30
【问题描述】：

我尝试将所选选项中的数据显示到 TextField。我什至在互联网上尝试了一些教程，但它们都不起作用。

数据库：

 id     user_name      email

 001    john           john@gmail.com
 002    karen          karen@gmail.com

如果我点击 john user_name，我希望电子邮件文本字段填写 john@gmail.com

查看：

<div class="form-group col-md-3">
   <label>Account</label>
      <select class="form-control form-control-sm" id="account" name="account">
          <option value="">---Select Account---</option>
             <?php foreach ($account as $d) : ?>
                 <option value="<?= $d->id ?>"><?= $d->user_name ?></option>
             <?php endforeach; ?>
      </select>
      <small class="text-danger"><?= form_error('account') ?></small>
 </div>

 <div class="form-group col-md-3">
    <label>Email</label>
       <input type="text" id="email" name="email" value="<?= set_value('email') ?>">
       <small class="text-danger"><?= form_error('email') ?></small>
 </div>

我尝试使用此脚本，但没有成功

Jquery：

<script>
  $(document).ready(function(){
    $('#account').change(function(){
      $('#email').val($(this).find('option:selected').data('email'));
  });
  });
</script>

【问题讨论】：

标签： javascript php jquery html codeigniter

【解决方案1】：

在您的代码中，您没有为option 标签设置data-email。将您的 php 代码更改为

 <select class="form-control form-control-sm" id="account" name="account">
          <option value="">---Select Account---</option>
             <?php foreach ($account as $d) : ?>
                 <option value="<?= $d->id ?>" data-email="<?= $d->email?>"><?= $d->user_name ?></option>
             <?php endforeach; ?>
      </select>

【讨论】：