如何將下拉列表的值設置為具有“ 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/