CODEWITHSUNDEEP
jquery
Johan
Johan

Reputation: 35194

val() on <option> returns text instead of value in ie7

$(this).find('select option:selected').each(function (i, val) {

    var selectedValue = $(val).val(); //this returns the text from the option instead of the value
});

Is this a known issue in ie7? I didnt find any info about it? Possible workarounds? Thanks

Upvotes: 4

Views: 1292

Answers (3)

Pranay Rana
Pranay Rana

Reputation: 176896

try

for single select 

var selectedValue = $(this).val();

you just need to write above line to get selected value nothing else.

for multislect it should be 

var result = ""; 
$('#idselect  option:selected').each(function(i, item)
{     
   result += $(this).val() + ", "; 
});

Upvotes: 0

Starx
Starx

Reputation: 78971

It is an expected behavior, since you asking for the value of the option and not the element itself.

Do not overcomplicate things.

$(this).find('select').each(function() {
   var val = $(this).val();
});

Upvotes: 0

Andreas Wong
Andreas Wong

Reputation: 60516

According to the docs at http://api.jquery.com/val/

.val() is only applicable to

The .val() method is primarily used to get the values of form elements such as input, select and textarea. In the case of <select multiple="multiple"> elements, the .val() method returns an array containing each selected option; if no option is selected, it returns null.

To achieve what you want, you could just iterate over the select and call .val() on it, your original code effectively is calling val() on option, not the actual select element, which is why it doesn't really work.

$(this).find('select').each(function (i, val) {

    var selectedValue = $(this).val(); 
});

val() has an added bonus of having the capability to return an array of values in case of multiple select: (emphasize mine)

The .val() method is primarily used to get the values of form elements such as input, select and textarea. In the case of <select multiple="multiple"> elements, the .val() method returns an array containing each selected option; if no option is selected, it returns null.

Upvotes: 5

Related Questions