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

Question

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

数据库：

 id     user_name      email

 001    john           [e-mail]

 002    karen          [e-mail]

如果我点击john user_name，我希望电子邮件文本字段填写[e-mail]

看法 ：

<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

在您的代码中，您没有设置data-email标签option。将您的 php 代码更改为&nbsp;<select class="form-control form-control-sm" id="account" name="account">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <option value="">---Select Account---</option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<?php foreach ($account as $d) : ?>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<option value="<?= $d->id ?>" data-email="<?= $d->email?>"><?= $d->user_name ?></option>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<?php endforeach; ?>&nbsp; &nbsp; &nbsp; </select>