How to do this using jQuery - document getElementById selectlist value

Question

In jQuery  what is the equivalent to document getElementById  selectlist   value    I am trying to get the value of a select list item   Thanks

User · Answer

For those wondering if jQuery id selectors are slower than document.getElementById, the answer is yes, but not because of the preconception that it searches through the entire DOM looking for an element. jQuery does actually use the native method. It's actually because jQuery uses a regular expression first to separate out strings in the selector to check by, and of course running the constructor:

rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/

Whereas using a DOM element as an argument returns immediately with 'this'.

So this:

$(document.getElementById('blah')).doSomething();

Will always be faster than this:

$('#blah').doSomething();

User · Answer

In some cases of which I can t remember why but     selectlist   val   won t always return the correct item value  so I use     selectlist option selected   val   instead

User · Answer

selectlist   val

User · Answer

It can be done by three different ways though all them are nearly the same  Javascript way  document getElementById  test   value   Jquery way       test   val                  test   0  value                   test   get 0  value

User · Answer

Equivalent  is the word here  While         selectlist   val         is equivalent to     document getElementById  selectlist   value      it s worth noting that         selectlist        although  equivalent  is not the same as     document getElementById  selectlist        as the former returns a jQuery object  not a DOM object    To get the DOM object s  from the jQuery one  use the following       selectlist   get      get all DOM objects in the jQuery collection     selectlist   get 0     get the DOM object in the jQuery collection at index 0     selectlist   0     get the DOM objects in the jQuery collection at index 0

User · Answer

Chaos is spot on  though for these sorts of questions you should check out the Jquery Documentation online - it really is quite comprehensive  The feature you are after is called  jquery selectors    Generally you do     ID   val   - the  afterwards can do a number of things on the element that is returned from the selector  You can also select all of the elements on a certain class and do something to each of them  Check out the documentation for some good examples

[jquery] How to do this using jQuery - document.getElementById("selectlist").value

Examples related to jquery