如何将下拉列表中的值设置为“已选中”类的值-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

使用

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

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

Answer 2

jsFiddle Demo

商店的范围元素，把它作为一个家长找到类，然后设置范围元素的值作为孩子的价值

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