Angenommen, ich habe 2 Dropdowns. Meine Anforderung ist, dass bei Auswahl einer Option in der ersten Dropdown-Liste diese Option aus einem anderen Dropdown-Menü entfernt werden sollte und bei Nicht-Auswahl dieser Option aus dem ersten Dropdown-Feld diese Option in einem anderen Dropdown-Menü für die Auswahl verfügbar sein sollte.Wie Hinzufügen/Entfernen wählen Sie Option aus 1 Drop-Down auf Auswahl anderer Drop-Down-Option
-1
A
Antwort
0
ich habe folgende JavaScript geschrieben obiges Problem zu lösen, nur Ihren Dropdown-Listen eine gemeinsame Klasse geben wie „Bedeutung“ hier und diesen Code verwenden:
var j$importance = j$(".importance");
j$importance.on("change", function() {
var select = this,
selected = j$("option:selected", this).text();
var currentUnselectedValues = [];
j$('option', this).each(function() {
currentUnselectedValues.push(j$(this).text());
});
j$importance.each(function (_, el) {
for(i=0; i<currentUnselectedValues.length; i++){
var exist = false;
j$('option', el).each(function(_, elm) {
if(currentUnselectedValues[i] === j$(elm).text()){
exist = true;
}
});
if(exist === false){
j$(el).append('<option value="' + currentUnselectedValues[i] + '">' + currentUnselectedValues[i] + '</option>');
}
}
if (el !== select) {
j$("option", el).each(function (_, el) {
var j$el = j$(el);
if (j$el.text() === selected && j$el.text() != '--None--') {
j$el.remove();
}
});
}
});
});
Verwandte Themen
- 1. So wählen Sie eine Option aus - Dropdown
- 2. Jquery, wählen Sie Dropdown-Option auf Ereignis
- 3. Wie wird eine Auswahl nur angezeigt, wenn die Option anderer Auswahl ausgewählt wurde?
- 4. Populate Dropdown 2 basierend auf Dropdown 1 Auswahl
- 5. Show/Hide Dropdown Option auf einem anderen Dropdown-Auswahl Depend
- 6. Wählen Sie eine Option aus Dropdown, die mit Javascript
- 7. Wählen Sie die Option aus dem Formular
- 8. Wählen Sie Dropdown - Selenium Webdriver
- 9. HTML-Auswahl Dropdown-Liste
- 10. MVC3 Dropdown-Auswahl auf der Grundlage anderer Drop-Down-Wert
- 11. Auswahl auswählen Option Öffnet das Dropdown-Menü
- 12. Kombinationsfeld wählen Sie nicht Wert aus Dropdown
- 13. Deaktivieren Dropdown-Liste Option nach Auswahl asp.net Webformular
- 14. Füllen Sie Textbox basierend auf Dropdown-Auswahl - JavaScript
- 15. jQuery-Option Wählen Sie
- 16. Seite über Auswahl aus Dropdown-Formular laden
- 17. Wie wähle ich eine Option aus einem Dropdown?
- 18. Wählen Sie die Daten aus der Datenbank durch Auswahl der Dropdown-Optionen in php
- 19. Populate wählen Dropdown aus einer Datenbanktabelle
- 20. Wie kann ich wählen Sie die Option deaktivieren, basierend auf einem anderen wählen Sie die Option
- 21. Füllen Sie ein anderes Dropdown-Menü aus der Datenbank auf Basis der Dropdown-Auswahl
- 22. PHP AutoFill Wählen Sie mit 1 - 25
- 23. wählen Sie Option Schriftgröße
- 24. Django wählen Boxgröße Option
- 25. Wählen Dropdown Dropdown OnChange und ngModel Problem
- 26. So übertragen Sie zwei Werte aus einer einzelnen Dropdown-Auswahl
- 27. kann nicht eine Option aus Dropdown
- 28. So wählen Sie einen Wert aus Dropdown
- 29. Bootstrap Wählen Sie mit Dropdown
- 30. Wählen Sie Option Menü und Capcha
Geben Sie alle verknüpften Optionen eine ähnliche id, wie ‚option_1_left‘ und "option_1_right". Verwenden Sie im Onchange-Ereignis Ihrer Auswahl den .selectedIndex der Dropdown-Liste, um die richtige Option zu erhalten. (Oder verwenden Sie stattdessen einen onclick-Handler für Optionen und verwenden Sie event.target). Sobald Sie die gewählte Option haben, erhalten Sie ihre ID, ersetzen Sie "links" durch "rechts". Dann haben Sie die ID der Option, die Sie aus dem anderen Dropdown entfernen sollten. – Shilly