JQuery - 設置第1個值的屬性<option> in <select>標記

Question

我試圖動態設置名爲listSelector的標記中的第一個值的屬性。下面不工作，有什麼想法？

請注意我正在使用JQuery 1.7.2。

我不認爲這與JSON調用有關，因爲將response.posts [0] .url應用於href是很好的。乾杯。

$.getJSON('http://onrepeatthisweek.tumblr.com/api/read/json?callback=?', 
     function(response) { 
      $("#listSelector option").first().attr('value',response.posts[0].url); 
     }); 

    <select id="listSelector" onchange="location = this.options[this.selectedIndex].value;"> 
     <option>Latest</option> 
     <option value="2014top20">2014 Top 20</option> 
     <option value="2013top20">2013 Top 20</option> 
     <option value="2012top20">2012 Top 20</option> 
     <option value="2011top20">2011 Top 20</option> 
     <option value="2010top20">2010 Top 20</option> 
    </select> 

Answer 1

你應該在這裏使用.val()代替：

$("#listSelector option").first().val(response.posts[0].url); 

Answer 2

試試這個，請。

$('#listSelector option:first-child').val(response.posts[0].url);