Wert von Dropdown mit Javascript ändern

Question

Ich benutze cordigniter Rahmen und ich habe einige Felder, die ich füllen möchte, wenn ich ein Kontrollkästchen (es nimmt Daten aus anderen Feldern).

Die Sache ist ich die Dropdown-Liste mit dem Wert einer anderen Dropdown-Liste füllen möge.

Hier ist der JavaScript-Code, die ich füllen Sie die Felder verwenden, um:

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 = ''; 
       } 
       } 

Und hier ist, wie ich mit codeigniter meine Drop-Down-Liste zu tun:

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

Der Nullwert ist, wo ich setzen kann ein Standardwert, und das würde ich in der JavaScript-Methode ändern, aber ich weiß nicht, wie das in diesem Fall zu tun ist, da die anderen Elemente HTML-Elemente sind, war es einfach zu tun.

Answer 1

Ich würde geben Sie select eine ID, und verwenden Sie innerHTML in Ihrem JS. Tun Sie es auf diese Art und Weise:

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