Ändern der Optionen in wählt

Question

ich lerne Rubin (RoR 4.2.5, Rubin 2.1.5) und ich brauche 2 wählt zu tun, die erste ist für die Nutzer und die zweite ist für Rabatte

SELECT 1

<select id="select1"> 
    <option value="1">Person1</option> 
    <option value="2">Person2</option> 
    <option value="3">Person3</option> 
    <option value="4">Person4</option> 
</select> 

2 SELECT

<select id="select2"> 
<option value="100">1</option> 
<option value="200">2</option> 
<option value="50">3</option> 
<option value="20">4</option> 
</select> 

Wenn Sie "Person1" select2 muss "1" sein, mit dem Wert "100", mit "Person2" select2 braucht "2" mit dem Wert „200 zu sein ". Irgendeine Idee?

Answer 1

Da sie immer synchron sind, so weit wie die Reihenfolge geht, können Sie einfach nach dem Index suchen und dann den zweiten entsprechend einstellen.

var option_index = $("#select1 option:selected").index(); 

und dann können Sie die zweite auf dem ersten Index basiert gesetzt. $('#select2 option').eq(option_index).prop('selected', true);

natürlich müssen Sie initialisieren und dann auch auf das Ereignis on change hören.

hier eher ein vollständiges Beispiel dafür, wie die JS wäre (mit jQuery):

//Initialize on ready: 
var option_index = $("#select1 option:selected").index(); 
$('#select2 option').eq(option_index).prop('selected', true); 

//Listen for the change 
$('#select1').on('change', function(){ 
    option_index = $("#select1 option:selected").index(); 
    $('#select2 option').eq(option_index).prop('selected', true); 
});