Hinzufügen eines neuen Elements wählen Sie Feld aus, nachdem die erste option-element mit JQuery

Ich habe eine combobox mit den folgenden Optionen

<select id="history">
    <option></option>
    <option>element1</option>
    <option>element2</option>
    <option>element3</option>
    <option>element4</option>
</select>

Ich versuche, fügen Sie eine neue option nach der ersten option. Was ist der beste effektivste Weg, um dies zu erreichen habe ich versucht

<script type="text/javascript">
    $("#history").prepend("<option>sdsadas</option>").after('#history:first-child');
    $("<option>asdsad</option>").insertBefore('#history option:first-child');
//   $('option[value="sadsaddsad"]', this).after('option:first');
</script>

aber keine dieser arbeiten, wie ich will.

InformationsquelleAutor Roland | 2012-08-28
  1. 11

    Kannst du es so machen:

    $("#history option:first").after("<option>sdsadas</option>");

    Bekommt dieser die ersten <option> - tag und fügt dann eine neue option nach.

    jQuery unterstützt zwei Methoden zum einfügen in eine position. Die obige version ist target.after(content) und dieser andere Weg ist content.insertAfter(target):

    $("<option>sdsadas</option>").insertAfter("#history option:first");

    Hinweis: verwendet Man .after() und die andere verwendet .insertAfter().

    InformationsquelleAutor jfriend00
  2. 1

    Verwenden

    $("#history option:eq(0)").after("<option>New Option Added</option>");

    Quelle: http://www.myphpetc.com/2009/03/jquery-select-elements-tips-and-tricks.html

    InformationsquelleAutor Champ
  3. 0

    Verwenden Sie die folgenden:

    $("<option>asdsad</option>").insertBefore($('#history option:first-child'));

    Statt:

    $("<option>asdsad</option>").insertBefore('#history option:first-child');
    • Das ist nicht richtig überhaupt.
    InformationsquelleAutor DewDrops
Schreibe einen Kommentar