javascript - 使用 javascript 更改下拉列表的值

Question

我正在使用 codeigniter 框架，当我选中复选框时，我想要填写一些字段(它从其他字段获取数据)。

问题是我想用另一个下拉列表的值填充下拉列表。

这是我用来填充字段的 JavaScript 代码:

function FillinEmail(info) {

                if (info.checked)
                {
                    document.getElementById('adresse_fact').value = document.getElementById('adresse').value;
                    document.getElementById('npa_fact').value = document.getElementById('npa').value;
                    document.getElementById('nomprenom_fact').value = document.getElementById('nom').value + ' ' + document.getElementById('prenom').value;
                }
                else
                {
                    document.getElementById('adresse_fact').value = '';
                    document.getElementById('npa_fact').value = '';
                    document.getElementById('nomprenom_fact').value = ''; 
                }
              }

这是我如何使用 codeigniter 制作下拉列表:

<div class="form-group">
              <label class="col-md-2 control-label" for="id_npa_localite">Localité</label>   
              <div class="col-md-4">
                 <?php echo form_dropdown('id_npa_localite', $id_localite, null,'class="form-control"')?>
              </div>
           </div>

null 值是我可以放置默认值的地方，这就是我要在 javascript 方法中更改的内容，但我不知道在这种情况下该怎么做，因为其他元素是 html 元素，所以很容易做到。

Answer 1

我会给这个select一个ID，并在你的JS中使用innerHTML。按照这种方式进行:

<select id="the_other">
    <option>test1</option>
    <option>test2</option>
    <option>test3</option>
</select>

<input type="checkbox" onchange="FillinEmail(this)">

<div class="form-group">
    <label class="col-md-2 control-label" for="id_npa_localite">Localité</label>
    <div class="col-md-4">
        <?php echo form_dropdown('id_npa_localite', $id_localite, null, 'id="ci_form" class="form-control"') ?>
    </div>
</div>

<script>
    function FillinEmail(info) {
        document.getElementById('ci_form').innerHTML = document.getElementById('the_other').innerHTML;

        /*
         if (info.checked) {
         document.getElementById('adresse_fact').value = document.getElementById('adresse').value;
         document.getElementById('npa_fact').value = document.getElementById('npa').value;
         document.getElementById('nomprenom_fact').value = document.getElementById('nom').value + ' ' + document.getElementById('prenom').value;
         }
         else {
         document.getElementById('adresse_fact').value = '';
         document.getElementById('npa_fact').value = '';
         document.getElementById('nomprenom_fact').value = '';
         }
         */
    }
</script>