Wie verschiebt man Werte aus einem Dropdown-Menü mit mehreren Auswahlmöglichkeiten in ein Array?

Question

Ich versuche, Werte aus einer Dropdown-Box mit mehreren Auswahlmöglichkeiten in ein Array zu übertragen. Ich bin in der Lage, das zu tun, aber was passiert, ist, dass sie nicht in der Reihenfolge in das Array geschoben werden, in der ich es über Spleiß eingerichtet habe. Es wird in der Reihenfolge hinzugefügt, in der es in der Auswahlbox eingerichtet ist. Wenn ich zum Beispiel die Optionen in der Reihenfolge [467, 341, 344, 657, 677] wähle, zeigt mein Array [344, 467, 677, 341, 657]. Ich möchte, dass das Array in der Reihenfolge angezeigt wird, in der ich die Optionen ausgewählt habe. Das ist mein Code:

<select multiple class="yo"> 
    <option value = "344">opt1</option> 
    <option value = "467">opt2</option> 
    <option value = "677">opt3</option> 
    <option value = "341">opt1</option> 
    <option value = "657">opt1</option> 
</select> 

var optVal = new Array(); 
     var tArray; 
     $('.yo').each(function() { 
      var newS = $(this).val(); 
      tArray = newS; 
      optVal.splice(0, 0, tArray); 

     }); 

Bitte helfen!

Hier mein Fiddle ist: https://jsfiddle.net/rprakash/e1xcd2gh/

Answer 1

Wenn Sie nur die Werte innerhalb des select ohne Berücksichtigung Ordnung wollten, könnten Sie verwenden , Sie wollen sie bestellen, die viel Tricker ist:

var optVal = []; 
var tempVal = []; 

$(".yo").change(function() { 

    $(".yo option").each(function() { 
     var val = $(this).val(); 
     var tempVal = $(".yo").val(); 

     if(tempVal.indexOf(val) >= 0 && optVal.indexOf(val) < 0) { 
      optVal.push(val); 
     } else if(tempVal.indexOf(val) < 0 && optVal.indexOf(val) >= 0) { 
      optVal.splice(optVal.indexOf(val) , 1); 
     } 

    }) 
    console.log("Opt: " + optVal); 
}) 

• Wenn die Werte geändert haben, auslösen
• Iterate jeden option durch und den Wert
• bekommen und alle ausgewählten Werte aus den select
• Wenn die Option ausgewählt ist, und nicht in optVal drückt dann auf optVal
• Wenn die Option nicht ausgewählt ist und innerhalb von optVal dann von optVal

entfernen

Damit bleiben sie in der Reihenfolge, in der sie ausgewählt wurden.

CodePen: http://codepen.io/theblindprophet/pen/RRrJXG?editors=1010

Answer 2

diesen Code Versuchen:

$(".yo").val() 

jedoch:

var optVal = new Array(); 

$('option').click(function() { 
    optVal.push($(this).val()); 
});