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

Question

我正在尝试在具有类名=“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>

下面是伪代码:

 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());