wie können wir entfernen Sie ein Element aus WÄHLEN Sie Liste, deren GRÖßE nicht erklärt

Wie können wir entfernen Sie ein ausgewähltes Element aus WÄHLEN, deren GRÖßE nicht erklärt, handeln, drop-down-Liste. mit javascript

InformationsquelleAutor | 2009-09-18
  1. 3

    Hier ist ein sehr schöner Artikel skizziert, wie Sie können, hinzufügen/entfernen von Elementen zu wählen Liste.

    Dies ist die Funktion zum löschen des gewählten Elements (von der Seite):

    function removeOptionSelected()
{
  var elSel = document.getElementById('selectX');//selectX IS ID OF SELECT
  var i;
  for (i = elSel.length - 1; i>=0; i--) {
    if (elSel.options[i].selected) {
      elSel.remove(i);
      break;//As suggested in comments
    }
  }
}

    DIES IST, WAS ICH GETAN HÄTTE:

    function RemoveOption(){
     $("#SelectId option:selected").remove();
}
    • Sie könnten eine Pause, wenn Sie entfernen Sie das Element, um die Schleife zu stoppen
    • Effizienter, verwenden Sie die wählen Sie die selectedIndex-Eigenschaft anstelle der Iteration über seine Optionen
    • Bitte das ist nicht mein code ist ein Beispiel von der Website.
    InformationsquelleAutor TheVillageIdiot
  2. 2

    Da Sie zum löschen einer einzelnen option ausgewählt, können Sie leicht:

    Entfernen Sie das element mit der wählen Sie.entfernen Funktion:

    var el = document.getElementById('selectId');
el.remove(el.selectedIndex);

    Oder durch DOM-manipulation:

    var el = document.getElementById('selectId');
el.removeChild(el.options[el.selectedIndex]);

    Überprüfen Sie ein Beispiel hier.

    InformationsquelleAutor CMS
  3. -1

    Tut es der jQuery Weg:

    <html>
<head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#myButton").click(function(){
                    $("#mySelect option:selected").remove();
                });
            });
        </script>
</head>
<body>
    <select id="mySelect">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>

    <input type="button" id="myButton" value="remove"/>
</body>
</html>

    Ich weiß, niemand fragte für jQuery, aber IMHO sollte niemand DOM+JavaScript ohne jQuery nicht mehr!

    • jQuery ist enorm viel für etwas so einfach, und es schreckt die Leute wirklich etwas lernen, außer, wie zu schreiben, jQuery-code.
    • Down: ich bin nicht einverstanden. Was ist schlecht daran, lernen jQuery? Meiner Meinung nach ist es völlig in Ordnung, zu lernen, jQuery und JavaScript, aber nicht der DOM im detail. Ist wie das schreiben von Java ohne zu lernen, die zugrunde liegende byte-code, vollkommen in Ordnung. Oder vielleicht das erlernen einer Sprache mit garbage collection und nicht gehen durch all die Speicher Sachen im detail. Neben diesem, der Aufwand ist nicht so groß, wenn Sie einfach link das Skript von einem gemeinsamen Ort, wie google-code oder jquery.com der Benutzer wird wahrscheinlich bereits eine version im Cache.
    InformationsquelleAutor Tim Büthe
Schreibe einen Kommentar