如何将下拉列表的值设置为具有类的值 "selected" -Jquery

Question

我正试图在一个具有classname="selected"的下拉列表中设置值。这是html:

 <select style="width:180px;" class="chosen-select" id="range">
<option value="7 days">7days</option>
<option value="20days" class="selected">20days</option>
<option value="30days">30days</option>
</select>

下面是我想要解决的问题：js:

 $("#range_select").find('option.selected'); //gives me:
     <option value="20days" class="selected">20days</option>

下面是一个psedo代码：

 if($("#range_select").find('option').hasClass("selected")){
    //set the value of the dropdown to "20days"
   //currently showing the default value "7days"
 }

https://jsfiddle.net/xwo10r7k/

我怎样才能做到这一点？谢谢你的帮助！！

Answer 1

jsFiddle Demo

存储range元素，将其用作查找类的父元素，然后将range元素的值设置为子元素的值

var $r = $("#range");
$r.val($(".selected",$r).val());

Answer 2

使用

 $("#range").find('option.selected').attr("selected","selected");

更新的小提琴https://jsfiddle.net/xwo10r7k/1/