Search code examples
jqueryselectedselectedvalue

jQuery :selected always returns the first option

I'm trying to build a control function to check that at least an expected option from a select list is selected by the user.

I've built this function that works, except that it always returns me the first option value for the first element from the loop.

Example : for a select list with 1 : 'foo' and 2 : 'bar', the alert returns me 'foo' even if I chose 'bar' in the first select list, but it's right for the next select values.

$( document ).on( "click", "#submit", function() {
        var n = 0;
        for (var p = 0; p < index; p++) {
            var selectValue = $('#multiple_answer_'+p+'_option :selected').val();
            n++;
            alert('option '+n+' : '+selectValue)
        } 
});
Solution

  • If your'e using .val() to retrieve the value of a select there is no need for :selected

    var selectValue = $('#multiple_answer_'+p+'_option').val();

    JS Fiddle: http://jsfiddle.net/aAURL/1/

    Also note, the array is zero indexed so the id elements must start with multiple_answer_0_option.