JQuery - 在<select>标签</select> </option>中设置第一个<option>的值属性

Question

我正在尝试动态设置名为listSelector的标记中第一个的value属性。以下不起作用，有什么想法吗？

请注意我正在使用JQuery 1.7.2。

我不认为这与JSON调用有什么关系，因为将response.posts [0] .url应用于a 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);