如何將下拉列表中的值設置爲「已選中」類的值-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());