bei Auswahl ändern, öffnen Sie ein anderes Element wählen

Question

Zum ersten Mal hier. Ich habe ein Problem mit einem Formular, an dem ich gerade arbeite. Ich habe viele ausgewählte Elemente wie diese in mehreren Feldgruppen:

<select id="FP1" class="form-control"> 
    <option value="" disabled selected class="hidden">Score</option> 
    <option>0</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
</select> 

Was ich brauche: Wenn der Benutzer eine Option auswählen, eine weitere Auswahlelement öffnet.

Ich habe versucht das HTML onchange Event Attribut, diese jQuery Alternative auch mit dem Change Event, aber für mich bisher keine gearbeitet. Irgendeine Hilfe? Dank

$("select").onchange(function() { 
    $(this).next().find("select").focusIn(); 
}); 

Answer 1

Viele Fragen:

1. Die Event-Funktion sollte .change() sein.
2. Siehe den Fall von focusin(). Aber Sie sollten verwenden, um in die nächste Auswahl, nicht focusin() zu konzentrieren.
3. Keine Verwendung von find().

Was Veranstaltung jQuery betrifft, so ist es .change():

$(function() { 
 
    $("select").change(function() { 
 
    $(this).next("select").focus(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="FP1" class="form-control"> 
 
    <option value="" disabled selected class="hidden">Score</option> 
 
    <option>0</option> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
    <option>4</option> 
 
    <option>5</option> 
 
</select> 
 
<select> 
 
    <option></option> 
 
</select>