homepage Welcome to WebmasterWorld Guest from 54.161.155.142
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
Question about option selected="selected" and jquery option:selected.
nelsonm




msg:4461374
 9:11 pm on Jun 4, 2012 (gmt 0)

hi all,

I know that the select tag's option selected="selected" just puts the option text in the select's display field on page load.

I also know that...
$('select').val()
$('select :selected').val()
$('select option:selected').val()

and
$('select :selected').text()
$('select option:selected').text()

are all functionally the same in that they all get the current option value and text respectively.

My question is...
Does the jquery selector ":selected" and "option:selected" component attempt to reference the select tag's selected option selected="selected" if any, or does it merely get the value or text of what's currently displayed in the select field and there is no relation between the tag's option="selected" and jquery "option:selected"?

 

daveVk




msg:4461451
 12:44 am on Jun 5, 2012 (gmt 0)

[w3schools.com...]

$('select :selected') returns the element(s) in question

$('select').val() works (in the case of a single selection) as the select element gets it value from the selected item.

nelsonm




msg:4461474
 1:54 am on Jun 5, 2012 (gmt 0)

Yes, When i tested my theory in jsfiddle, it appears that $(':select').val() does appear to always get the option where <option selected="selected">.

However, $('select').val() merely gets the currently displayed option regardless of whats been preselected via <option selected="selected">.

[jsfiddle.net ]

nelsonm




msg:4461488
 2:56 am on Jun 5, 2012 (gmt 0)

actually this one: [jsfiddle.net...]

daveVk




msg:4461500
 5:55 am on Jun 5, 2012 (gmt 0)

All forms should return the currently selected elements regardless of what was preselected via <option selected="selected">..

see demo here [api.jquery.com...]

$('select option:selected') is clearest syntax as it the option element that is selected.

Note that as in demo multiple elements can be returned.

If you need to know what was preselected use say <option selected="selected">

nelsonm




msg:4461581
 11:49 am on Jun 5, 2012 (gmt 0)

thanks for helping me clear that up.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved