Jak wstawić opcję w określonym indeksie wyboru (wiele) w html?

Question

Jak wstawić element opcji do określonego indeksu w elemencie <select multiple>?

Dzięki

Answer 1

$("select option").eq(index).before($("<option></option>").val(val).html(text)); 

Answer 2

Oto sposób można to zrobić:

var myOption = "<option>Dynamic Option</option>"; 
var index = 2; 
$(myOption).insertBefore("select option:nth-child("+index+")"); 

fiddle example

Answer 3

a jeszcze inna opcja, sans jQuery:

Markup:

<select multiple="multiple" id="mySelect"> 
    <option>First</option> 
    <option>Third</option> 
</select> 

JS:

<script type="text/javascript"> 
    var myDdl = document.getElementById("mySelect"); 
    var myOption = document.createElement("OPTION"); 
    myOption.innerText = "Second"; 

    myDdl.options.insertBefore(myOption, myDdl.options[myDdl.options.length - 1]); 

</script> 

Answer 4

przesłać tę odpowiedź, ponieważ jQuery nie został określony w pytaniu.

function insertOptionToSelect(select, idx, option) { 
    var saved = []; 
    var i; 
    for (i = 0; i < select.options.length; i++) { 
     saved.push(select.options[i]); 
    } 
    select.options.length = 0; 
    for (i = 0; i < idx; i++) { 
     select.options[select.options.length] = saved[i]; 
    } 
    select.options[select.options.length] = option; 
    while (i < saved.length) { 
     select.options[select.options.length] = saved[i++]; 
    } 
} 

następuje wstawia opcję w wybranym współczynniku wybrać z identyfikatorem 'MyPizzaSelect'

var myselect = document.getElementById('MyPizzaSelect'); 
insertOptionToSelect(myselect, myselect.selectedIndex, new Option('Pizza Margarita', '12345')); 

Answer 5

waniliowy JavaScript (nie jQuery) i poprzeczny przeglądarkę.

Aby wstawić nową opcję do wybierz "mySelect" o wartości "1" i tekst "tekst", przed 0th istniejącej pozycji:

mySelect.options.add(new Option("text", "1"), mySelect.options[0]);

Patrz: https://developer.mozilla.org/en/docs/Web/API/HTMLSelectElement#add%28%29