jQuery Set Selected Option Using Next

Question

How can I  using jQuery  set the  next  item of an already selected item as  selected      For example  if I have      lt select gt    lt option value  1   gt Number 1 lt  option gt    lt option value  2  selected  selected  gt Number 2 lt  option gt    lt option value  3   gt Number 3 lt  option gt    lt option value  4   gt Number 4 lt  option gt    lt  select gt       We can see that  Number 2  is selected  and using jQuery  I d like to set  Number 3  as selected  and remove the selected  attribute  from  Number 2    I m assuming I need to use the next selector  but I m not quite sure how to implement

User · Answer

select   prop  selectedIndex     select   prop  selectedIndex   1

User · Answer

my sel   val     my sel option selected   next   val         my sel   val     my sel option selected   prev   val

User · Answer

Update   As of jQuery 1 6  you should use prop   instead of attr   in this case      The difference between attributes and properties can be important in   specific situations  Before jQuery 1 6  the  attr   method sometimes   took property values into account when retrieving some attributes    which could cause inconsistent behavior  As of jQuery 1 6  the  prop     method provides a way to explicitly retrieve property values  while    attr   retrieves attributes    var theValue    whatever       selectID   val  theValue   prop  selected  true      Original Answer   If you want to select by the value of the option  REGARDLESS of its position  this example assumes you have an ID for your select    var theValue    whatever       selectID   val  theValue   attr  selected  true     You do not need to  unselect   That happens automatically when you select another

User · Answer

From version 1 6 1 on  it s advisable to use the method prop for boolean attributes properties such as selected  readonly  enabled      var theValue    whatever       selectID   val  theValue   prop  selected  true     For more info  please refer to to http   blog jquery com 2011 05 12 jquery-1-6-1-released

User · Answer

your select option selected   next  option   prop  selected   true

User · Answer

you can use     option selected   next  option     or     option selected   option     And set the value   var nextVal      option selected   option   val       select   val nextVal

User · Answer

option selected    select   removeAttr  selected   next  option   attr  selected    selected      Check out working code here http   jsbin com ipewe edit

User · Answer

Find the row  then  var row       yourTable      the value you want to select  var theValue    5   row find  select eq 2    find  option value   theValue      attr  selected   selected

User · Answer

And if you want to specify select s ID       nextPageLink   click function          myselect option selected   next  option   attr  selected    selected          myselect   change          If you click on item with id  nextPageLink   next option will be selected and onChange   event will be called  It may look like this       myselect   change function          myDivId   load window location pathname  myvalue    select myselect   val            OnChange   event uses Ajax to load something into specified div   window location pathname   actual address  OnChange   event is defined because it allowes you to change value not only using netx prev button  but directly using standard selection  If value is changed  page does somethig automatically

User · Answer

next   click  function            colored background option selected   next  option   attr  selected    selected        changeBackgroundColor          Working at What is my favorite color   Click on the arrows

User · Answer

This is what i just used  i like how clean it is  -      select   val function        var nextOption     this  children   selected   next        return   nextOption  val       change

[jquery] jQuery Set Selected Option Using Next

Examples related to jquery

Examples related to html-select

Examples related to jquery-selectbox