从选定的下拉列表 CodeIgniter 中将数据显示到文本字段

Question

我试图将所选选项中的数据显示到 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>

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

查询：

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

Answer 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>