Entfernen Sie die Option aus der ausgewählten Liste basierend auf dem Index?

Question

Ich habe zwei Auswahllisten und basierend auf dem ausgewählten Index von beiden muss ich die Option an diesem Index aus beiden Listen entfernen.

Ich habe ein Beispiel gesehen, dies für die aktuell gewählte Option mit der Funktion remove() zu tun, aber das würde nur für eine Liste funktionieren, da die andere Liste möglicherweise eine andere Option ausgewählt oder gar nicht hat.

Wissen nur den Indexwert ist es möglich, dies mit JavaScript/jQuery zu tun? Ich habe bereits den Code, der herausfindet, aus welcher Liste der Index entnommen werden soll, um diesen Indexwert zu erhalten. Ich habe gerade keine Möglichkeit gefunden, einen Indexwert für das Entfernen anzugeben.

-Code entwickelt, basierend off Kommentar:

function RemoveCode(codeType) 
{ 
    var selectedProjectsField = $("#SelectedProjects"); 
    var selectedProjectCodesField = $("#SelectedProjectCodes"); 
    var selectedTasksField = $("#SelectedTasks"); 
    var selectedTaskCodesField = $("#SelectedTaskCodes"); 
    var selectedOptionIndex; 

    if (codeType == "Project") 
    { 
     selectedOptionIndex = $("#SelectedProjects :selected").index(); 
    } 
    else 
    { 
     selectedOptionIndex = $("#SelectedTasks :selected").index(); 
    } 

    alert(selectedOptionIndex); 

    selectedProjectsField.eq(selectedOptionIndex).remove(); 
    selectedTasksField.eq(selectedOptionIndex).remove(); 
} 

Answer 1

Verwenden der :eq() Selector

Sie könnten den :eq() Selektor die durch Index ein bestimmtes Element zielen und dann remove() nennen es aus dem DOM zu entfernen:

// Syntax Example: This will remove then (index)th option element 
$('select option:eq(index)').remove(); 

Also in Ihrem Fall, Sie würden einfach Ihre selectedOptionIndex in den Selektor verketten möchten Selektor eine der folgenden Ziel:

// Remove a specific option of your SelectedProjects element 
$('#SelectedProjects option:eq(' + selectedOptionIndex + ')').remove(); 

Beispiel

Sie können see an interactive example here und unten gezeigt.

Answer 2

Dieser Code funktionieren sollte:

$('#SelectedProjects option')[index].remove(); 
$('#SelectedTasks option')[index].remove(); 

oder

selectedProjectsField.find('option')[selectedOptionIndex].remove(); 
selectedTasksField.find('option')[selectedOptionIndex].remove();