jQuery Set Select Index

by

NOTE: answer is dependent upon jQuery 1.6.1+

$('#selectBox :nth-child(4)').prop('selected', true); // To select via index
$('#selectBox option:eq(3)').prop('selected', true);  // To select via value

Thanks for the comment, .get won’t work since it returns a DOM element, not a jQuery one. Keep in mind the .eq function can be used outside of the selector as well if you prefer.

$('#selectBox option').eq(3).prop('selected', true);

You can also be more terse/readable if you want to use the value, instead of relying on selecting a specific index:

$("#selectBox").val("3");

Note: .val(3) works as well for this example, but non-numeric values must be strings, so I chose a string for consistency.
(e.g. <option value="hello">Number3</option> requires you to use .val("hello"))

More Related Contents:

  1. How can I get the ID of an element using jQuery?
  2. Select element by exact match of its content
  3. jquery data selector
  4. Sort divs in jQuery based on attribute ‘data-sort’?
  5. How can I change CSS display none or block property using jQuery?
  6. Set selected option of select box
  7. How do I access style properties of pseudo-elements with jQuery? [duplicate]
  8. jQuery dot in ID selector? [duplicate]
  9. What is the fastest method for selecting descendant elements in jQuery?
  10. jQuery :contains() selector uppercase and lower case issue
  11. How can I exclude $(this) from a jQuery selector?
  12. Using jquery to get all checked checkboxes with a certain class name
  13. Multiple selector chaining in jQuery?
  14. jQuery : eq() vs get()
  15. jQuery selector for the label of a checkbox
  16. jQuery select by attribute using AND and OR operators
  17. Target elements by class prefix
  18. jquery – Select all elements after a certain element
  19. How do I get a jQuery selector’s expression as text?
  20. Difference between CSS selector and jQuery filter?
  21. Get the current jQuery selector string?
  22. How to detect if a browser is Chrome using jQuery?
  23. jQuery mobile- For every live tap event should there be an equivalent click event?
  24. jquery select siblings ‘until’
  25. Get the selected option id with jQuery
  26. What JQuery selector excludes items with a parent that matches a given selector?
  27. Cleanest way to get the next sibling in jQuery
  28. Performance differences between using “:not” and “.not()” selectors?
  29. jQuery selector where text = some value
  30. jquery filtering has + not

Leave a Comment