standardmäßig ausgewählte Combobox in Mehrwert

Question

Ich habe diesen Code zum Hinzufügen neuer Wert in Combobox verwendet, mein Problem ist, wie werde ich jeden hinzugefügten Wert wie ausgewählt?

<legend>Combo box</legend> 
       Add to Combo: <input type="text" name="txtCombo" id="txtCombo"/> 
       <input type="button" value="Add" onclick="addCombo()"> 
       <br/> 
       Combobox: <select name="combo" multiple id="combo"></select> 
      </fieldset> 
     </BODY> 
    </HTML> 
    <script> 
    function addCombo() { 
     var textb = document.getElementById("txtCombo"); 
     var combo = document.getElementById("combo"); 

     var option = document.createElement("option"); 
     option.text = textb.value; 
     option.value = textb.value; 
      option.value = textb.value; 

     try { 
      combo.add(option, null); //Standard 
     }catch(error) { 
      combo.add(option); // IE only 
     } 
     textb.value = ""; 
    } 
    </script> 

Answer 1

function addCombo() { 
 
     var textb = document.getElementById("txtCombo"); 
 
     var combo = document.getElementById("combo"); 
 
      
 
     var option = document.createElement("option"); 
 
     option.text = textb.value; 
 
     option.value = textb.value; 
 
      option.value = textb.value; 
 
     option.selected = true; 
 

 
     try { 
 
      combo.add(option, null); //Standard 
 
     }catch(error) { 
 
      combo.add(option); // IE only 
 
     } 
 
     textb.value = ""; 
 
    }

<legend>Combo box</legend> 
 
       Add to Combo: <input type="text" name="txtCombo" id="txtCombo"/> 
 
       <input type="button" value="Add" onclick="addCombo()"> 
 
       <br/> 
 
       Combobox: <select name="combo" multiple id="combo"></select> 
 
      </fieldset>

Answer 2

bereits. Ich habe combo.selectedIndex = combo.options.length-1; hinzugefügt, um alle Optionen zu zählen und den höchsten Wert auszuwählen. Sie müssen es dekrementieren, weil der Index von null an zählt.

<legend>Combo box</legend> 
 
Add to Combo: <input type="text" name="txtCombo" id="txtCombo"/> 
 
<input type="button" value="Add" onclick="addCombo()"> 
 
<br/> 
 
Combobox: <select name="combo" multiple id="combo"></select> 
 
</fieldset> 
 
</BODY> 
 
</HTML> 
 
<script> 
 
    function addCombo() { 
 
    var textb = document.getElementById("txtCombo"); 
 
    var combo = document.getElementById("combo"); 
 

 
    var option = document.createElement("option"); 
 
    option.text = textb.value; 
 
    option.value = textb.value; 
 
    option.value = textb.value; 
 

 
    try { 
 
     combo.add(option, null); //Standard 
 
     combo.selectedIndex = combo.options.length-1; 
 
    }catch(error) { 
 
     combo.add(option); // IE only 
 
    } 
 
    textb.value = ""; 
 
    } 
 
</script>

Answer 3

Sie werden für diese jQuery benötigen:

option.prop("selected", true);