AJAX Dropdownmenüs (HTML Select) in Firefox jQuery

Hilfe! Ich benutze jQuery um einen AJAX-Aufruf zu füllen, die in einem drop-down dynamisch angesichts der Benutzer die Letzte Eingabe (von einem anderen drop-down-Menü, das gefüllt wird, auf server-Seite). In allen anderen Browser neben Firefox (IE6/7, Opera, Safari), meine append-Aufruf tatsächlich fügt die Informationen unter meinem vorhandenen Optionen - "Wählen Sie Eine ". Aber in Firefox, es wählt automatisch das Letzte Element gegeben, um die wählen Sie "Steuerung", unabhängig davon, ob ich angeben, das JQuery-Aktion ."Anhängen" oder " zu ersetzen.html()).

<select name="Products" id="Products" onchange="getHeadings(this.value);">
  <option value="">Select Product</option>
</select>    

function getProducts(Category) {
  $.ajax({
    type: "GET",
    url: "getInfo.cfm",
    data: "Action=getProducts&Category=" + Category,
    success: function(result){
      $("#Products").html(result);
    }
  });
};

Irgendwelche Gedanken? Ich habe in der Vergangenheit versucht, um gegebenenfalls auch andere leere erste option, und dann Auslöser einer JavaScript-option, um re-wählen Sie den ersten index, aber das löst das onChange-Ereignis in meinem code, eher lästig für die Benutzer.

Update:

Hier ist ein Beispiel, was das Skript zurückkehren würde

<option value="3">Option 1</option>
<option value="4">Option 2</option>
<option value="6">Option 3</option>

Optional, wenn mit dem .html () - Methode anstelle des .append(), würde ich ein anderes

<option value="">Select a Product</option>

oben das Ergebnis.

@Darryl Hein

Hier ist ein Beispiel, was das Skript zurückkehren würde

<option value="3">Option 1</option>
<option value="4">Option 2</option>
<option value="6">Option 3</option>

Optional, wenn mit dem .html () - Methode anstelle des .append(), würde ich ein anderes

<option value="">Select a Product</option>

oben das Ergebnis.

InformationsquelleAutor Michael Runyon | 2008-09-11

  1. 2

    Können Sie nur ändern Sie Ihre Erfolgs-Funktion setzen Sie den ausgewählten Eintrag, um die erste option?

    $("#Products").append(result).selectedIndex = 0;

    oder legen Sie es auf die Vorherige Auswahl?

    var tmpIdx = $("#Products").selectedIndex;
$("#Products").append(result).selectedIndex = tmpIdx;

    Wenn das onChange-Ereignis nicht ausgelöst wird, dann können Sie immer setzen Sie ein flag, um anzuzeigen, dass das Formular zu aktualisieren und ändern Sie Ereignisse finden, die Flagge und beenden, wenn es gesetzt ist.

    InformationsquelleAutor Prestaul

  2. 0

    Ich habe gerade Folgendes gemacht und es hat funktioniert:

    <select name="Products" id="Products">
<option value="">Select Product</option>
</select>

<script type="text/javascript">
$('#Products').append('<option value="1">test 1</option><option value="3">test 3</option><option value="3">test 3</option>');
</script>

    Was ist Ihr Skript zurück?

    InformationsquelleAutor Darryl Hein

  3. 0
    $('#field').find('option:first').attr('selected', 'selected').parent('select');

    sehen, das wird funktionieren,

    InformationsquelleAutor

Schreibe einen Kommentar