JQuery

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);

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

JQuery - set value attribute of 1st <option> in <select> tag