Anzeige

jQuery: Element aus mehreren Select-Auswahlliste löschen

jQuery: Element aus mehreren Select-Auswahlliste löschen | PSD-Tutorials.de

Erstellt von koma05, 22.12.2012.

  1. koma05

    koma05 Aktives Mitglied

    Dabei seit:
    18.12.2008
    Beiträge:
    301
    Geschlecht:
    männlich
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    hallo.
    habe mehrere select-auswahlfelder. die anzahl variiert, haben aber alle den gleichen inhalt:
    Code (Text):
    1. <select class="selectwechslerspieler">
    2.    <option>1</option>
    3.    <option>2</option>  
    4.    <option>3</option>
    5. </select>
    von denen ein gewähltes element entfernt werden soll. mal das zweite, mal das dritte, ....
    und dieses element soll bei allen select-auswahlfelder gleichzeitig gelöscht werden.

    mittels folgenden code zeigt es schon mal die anzahl vorhandener select-auswahlfelder an:
    Code (Text):
    1. $('#ersatzbankwechsel .selectwechslerspieler').each(function(index) {

    aber wie kann ich von allen selectlisten die gleiche option (index) löschen?

    bitte um hilfe..
     
    #1      
  2. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.864
    Geschlecht:
    männlich
    Ort:
    Dresden
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

    Für jedes <select> mit der Klasse ".selectwechslerspieler" iterierst du über jeden seiner Kindknoten vom Typ <option>, vergleichst dessen Index und löschst das Element falls notwendig. Wenn du diesen Satz in jQuery-Code schreibst, hast du deine Lösung.


    Duddle
     
    #2      
  3. koma05

    koma05 Aktives Mitglied

    Dabei seit:
    18.12.2008
    Beiträge:
    301
    Geschlecht:
    männlich
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

    die theorie ist mir denk ich bekannt.
    finde alle selcetauswhal-felder und lösche z.b. daas dritte element.
    aber ich pack den code nicht...

    Code (Text):
    1. $('#ersatzbankwechsel .selectwechslerspieler').each(function(index) {
    2.  
    3. //lösche das gewählte element - aber wie?
    4.  
     
    Zuletzt bearbeitet: 23.12.2012
    #3      
  4. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.864
    Geschlecht:
    männlich
    Ort:
    Dresden
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

    Mit deinem Selektor wählst du alle <select> aus. Für jedes <select> musst du jetzt nochmal dessen Kindelemente holen und ähnlich behandeln.
    Das eigentliche Löschen geht dann mit .remove()


    Duddle
     
    #4      
  5. koma05

    koma05 Aktives Mitglied

    Dabei seit:
    18.12.2008
    Beiträge:
    301
    Geschlecht:
    männlich
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

    ... das war ne schwere geburt :motz:

    Code (Text):
    1.         $('#ersatzbankwechsel .selectwechsler').each(function(index) {
    2.             //console.log("vor: " + $(this).children().length);
    3.             $(this).children().eq( nummer ).remove();
    4.             //console.log("nachher: " + $(this).children().length);
    5.         });
     
    #5      
  6. Duddle

    Duddle Posting-Frequenz: 14µHz

    Dabei seit:
    03.02.2006
    Beiträge:
    3.864
    Geschlecht:
    männlich
    Ort:
    Dresden
    jQuery: Element aus mehreren Select-Auswahlliste löschen
    AW: jQuery: Element aus mehreren Select-Auswahlliste löschen

    Alternativ die Version, die ich beschrieben hatte. Die ist weniger hübsch und dient nur zur Illustration meiner vorigen Antwort:
    Code (Text):
    1. $("#d .s").each(function() {
    2.     $(this).children("option").each(function(idx) {
    3.     if(idx == 1) {
    4.         $(this).remove();
    5.     }
    6.     });
    7. });
    8.  
    Duddle
     
    #6      
x
×
×