Selectboxproblem mit Ajax und JQuery bzw. Javascript

[christian.schweinhardt]

Hallo zusammen,

ich habe folgendes Problem:

Ich habe eine Selectbox. Diese hat eine eindeutige ID namens "id_supplier". Über JQuery und Ajax fülle ich die Selectbox mit meinen Options, die ich aus einer Datenbank hole. Möchte ich nun per Javascript oder JQuery den Value nach einem onchange-Event auslesen bekomme ich einen Fehler, dass die Variable nicht existiert.

Hier der Code mit dem ich die Options in die Selectbox hole ->

function supplierlist() {

    $.ajax({

        url : '/ajax/supplierlist/',

        success : function(data) {

            $('#id_supplier').html(data);

        }

    });

}

Das ist meine Liste, die ich mit Ajax hole ->

{% if customerlist %}

    <option value="0" selected="selected">---------</option>

{% for customer in customerlist %}

    <option value="{{ customer.id }}">{{ customer.name }}</option>

{% endfor %}

{% endif %}

Hier die Selectbox ->

<select name="supplier" id="id_supplier" onchange="selectsup();"></select>

Das ist meine Funktion, mit der ich mir den Wert aus der Selectbox holen will.

function selectsup() {

    console.log($('#id_supplier').val());

}

Mein HTML wird gefüllt und über das Safarientwicklertool habe ich die Liste auch gefüllt.

Jedoch bekomm ich in der Konsole folgenden Fehler:

ReferenceError: Can't find variable: supplierlist

Hat einer eine Idee? Vielen Dank im voraus!

Gruß, Chris.

[smash]

[EDIT]Hoppla. Ich nehme alles zurück und behaupte das Gegenteil.[/EDIT]

[T3D]

function selectsup() {

    console.log($('#id_supplier').val());

}

da liegt dein fehler..

du musst auf das value vom selected index zugreifen und nicht auf das value vom select

Ted

[christian.schweinhardt]

Wie ungeschickt von mir. Ist natürlich logisch.

Vielen Dank für die Hilfe!