jQuery bewegen konkrete option oben oben auswählen (drop-down)

Ich bin im Grunde zu versuchen, eine bestimmte option wählen Sie aus, und verschieben Sie es an die Spitze der Liste. Was ich versuche zu tun, ist jetzt.

$("select[name=list]").find('option[value="car"]').insertBefore($("select[name=list]").find('option:eq(1)'));

und aus irgendeinem Grund führt er zweimal verlassen zwei Optionen an der Spitze

<option value="car">Car</option>
<option value="car">Car</option>

Nicht sicher, was ich falsch mache, vielleicht kennt ja jemand?

danke.

InformationsquelleAutor devjs11 | 2014-03-11

  1. 11

    Aus der jQuery-Dokumentation:

    Wenn ein element auf diese Weise ausgewählt ist eingefügt in einem einzigen Ort an anderer Stelle in den DOM, es wird verschoben werden, bevor das Ziel (nicht geklont) und ein neues set, bestehend aus dem eingefügten element zurückgegeben.

    [..]

    Wenn es mehr als ein Ziel-element, aber geklonte Kopien des eingefügten Elements erstellt für jedes Ziel nach dem ersten, und das neue set (das original-element plus Klone) zurückgegeben.

    So, es gibt eine Ahnung! Meine Vermutung ist, dass dein Selektor ist zu viel umarmt, und Sie sind Auswahl mehr als ein element... aber Auch in einer anderen select-Liste in das Dokument.

    Können Sie ein wenig mehr HTML-code für dein Beispiel, aber lassen Sie mich zeigen, wie ich es tun würde...

    Html

    <select id='MyNiceList'>
 <option value='my_option_1'>First Option</option>
 <option value='my_option_2'>Second Option</option>
 <option value='my_option_3'>Third Option</option>
</select>

    Js

    $('#MyNiceList option[value="my_option_2"]').insertBefore('#MyNiceList option[value="my_option_1"]');

    Wenn Sie Ihr Augenmerk auf die Auswahl, die ich verwendet habe, die ich beseitigen jede Möglichkeit der Auswahl mehr als ein element, so wird die Regel auf den zweiten Teil, den ich zitiert ist Folge zu leisten.

    Beispiel:

    http://jsfiddle.net/sASCg/1/

    Ich hoffe, dass ich dir geholfen habe, auf meine erste Antwort! : )

    Ja, ich danke Ihnen für Ihre Hilfe und große Anstrengung!
    Sie sind herzlich Willkommen!

    InformationsquelleAutor Vitox

  2. 4

    Kann es 2 Probleme

    1. Wenn Sie legen Sie eine neue option, dann klicken Sie einfach kann habe 2 Optionen mit den gleichen Werten, wie Sie nicht entfernen Sie es.

    2. Wird das erste Element mit der Nummer "0" keine "1"

    http://jsfiddle.net/4kHuA/

      var $el = $("select[name=list]").find('option[value="car"]');
  $("select[name=list]").find('option[value="car"]').remove();
  $("select[name=list]").find('option:eq(0)').before($el);
    Würde ich nicht verwenden, das " $ " vor dem Namen einer Variablen, es sei denn, ich würde schreiben, PHP oder sowas...
    In der Vergangenheit hätte ich das auch nicht, aber in jQuery context Leute es verwenden, wenn die variable enthält ein jQuery-Objekt stackoverflow.com/questions/205853/...
    Sehr interessant, danke für den link. Das würde Sinn machen.

    InformationsquelleAutor Asped

  3. 0

    :eq(1) wählen Sie das zweite element und nicht als das erste element. Andere als die, die code, den Sie gepostet habe, sollte funktionieren:

    var $select = $("#mySelect");
$mySelect.find('option[value="car"]')
         .insertBefore($mySelect.find('option:eq(1)'));

    http://jsfiddle.net/B5W4B/

    InformationsquelleAutor Doug

  4. 0

    versuchen, diese

    $("select[name=list]").find('option[value="car"]').prependTo($("select[name=list]"));
$("select[name=list]").val('car')

    InformationsquelleAutor JpBaena13

Schreibe einen Kommentar