jquery+coffeescript select option by text

Question

i have a dropdown list and want to set the default option by its text(not value), the drop down list is:

<select class="size">
  <option value="0">size0</option>
  <option value="1">size1</option>
  <option value="2">size2</option>
</select>

i want to set the default value to size1, and i tried the following code but none of them works:

$(@el).find('.size>option').filter(=>$(this).text() == 'size1').prop('selected', true)
$(@el).find('.size>option[text="size1"]').attr('selected', true)
$(@el).find('.dimension_post option[text="size1"]').attr('selected', true)

thanks

Does the common selector find the <option>s -- $(@el).find('.size>option')? — Jonathan Lonowski
– Jonathan Lonowski, Commented May 9, 2014 at 18:06

Jonathan Lonowski · Accepted Answer · 2014-05-09 18:24:27Z

1

You can use the :contains() selector to find an element by its text content.

Assuming $(@el).find('.size > option') finds the <option>s:

$(@el).find('.size > option:contains(size1)').prop('selected', true);

http://jsfiddle.net/FU6xw/

edited May 9, 2014 at 18:24

answered May 9, 2014 at 18:16

Jonathan Lonowski

124k35 gold badges203 silver badges202 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user468587 Over a year ago

what if i want to select by exact text? for example if there are two optiosn: size1 and size11, then the above wont' work correctly

Collectives™ on Stack Overflow

jquery+coffeescript select option by text

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related