如何使用值和文本填充选择选项

Question

我试图用这个填充选择选项：

function ListaAno(){
var lista = $("#ano");
var currentYear = (new Date).getFullYear();
var pastYear = 2000;
var rangeYear = currentYear - pastYear;

for ( var j = 0; j <= rangeYear; j++ ){
    for (var i = currentYear; i >= pastYear; i-- ){
        lista.append($("<option/>").val(j).text(i));
    }
}

我得到了这个：

    <select id="ano" name="ano"><option>Año</option><option value="0">2013</option><option value="0">2012</option><option value="0">2011</option><option value="0">2010</option><option value="0">2009</option><option value="0">2008</option><option value="0">2007</option><option value="0">2006</option><option value="0">2005</option><option value="0">2004</option><option value="0">2003</option><option value="0">2002</option><option value="0">2001</option><option value="0">2000</option><option value="1">2013</option><option value="1">2012</option><option value="1">2011</option><option value="1">2010</option><option value="1">2009</option><option value="1">2008</option><option value="1">2007</option><option value="1">2006</option><option value="1">2005</option><option value="1">2004</option><option value="1">2003</option><option value="1">2002</option><option value="1">2001</option><option value="1">2000</option><option value="2">2013</option><option value="2">2012</option><option value="2">2011</option><option value="2">2010</option><option value="2">2009</option><option value="2">2008</option><option value="2">2007</option><option value="2">2006</option><option value="2">2005</option><option value="2">2004</option><option value="2">2003</option><option value="2">2002</option><option value="2">2001</option><option value="2">2000</option><option value="3">2013</option><option value="3">2012</option><option value="3">2011</option><option value="3">2010</option><option value="3">2009</option><option value="3">2008</option><option value="3">2007</option><option value="3">2006</option><option value="3">2005</option><option value="3">2004</option><option value="3">2003</option><option value="3">2002</option><option value="3">2001</option><option value="3">2000</option><option value="4">2013</option><option value="4">2012</option><option value="4">2011</option><option value="4">2010</option><option value="4">2009</option><option value="4">2008</option><option value="4">2007</option><option value="4">2006</option><option value="4">2005</option><option value="4">2004</option><option value="4">2003</option><option value="4">2002</option><option value="4">2001</option><option value="4">2000</option><option value="5">2013</option><option value="5">2012</option><option value="5">2011</option><option value="5">2010</option><option value="5">2009</option><option value="5">2008</option><option value="5">2007</option><option value="5">2006</option><option value="5">2005</option><option value="5">2004</option><option value="5">2003</option><option value="5">2002</option><option value="5">2001</option><option value="5">2000</option><option value="6">2013</option><option value="6">2012</option><option value="6">2011</option><option value="6">2010</option><option value="6">2009</option><option value="6">2008</option><option value="6">2007</option><option value="6">2006</option><option value="6">2005</option><option value="6">2004</option><option value="6">2003</option><option value="6">2002</option><option value="6">2001</option><option value="6">2000</option><option value="7">2013</option><option value="7">2012</option><option value="7">2011</option><option value="7">2010</option><option value="7">2009</option><option value="7">2008</option><option value="7">2007</option><option value="7">2006</option><option value="7">2005</option><option value="7">2004</option><option value="7">2003</option><option value="7">2002</option><option value="7">2001</option><option value="7">2000</option><option value="8">2013</option><option value="8">2012</option><option value="8">2011</option><option value="8">2010</option><option value="8">2009</option><option value="8">2008</option><option value="8">2007</option><option value="8">2006</option><option value="8">2005</option><option value="8">2004</option><option value="8">2003</option><option value="8">2002</option><option value="8">2001</option><option value="8">2000</option><option value="9">2013</option><option value="9">2012</option><option value="9">2011</option><option value="9">2010</option><option value="9">2009</option><option value="9">2008</option><option value="9">2007</option><option value="9">2006</option><option value="9">2005</option><option value="9">2004</option><option value="9">2003</option><option value="9">2002</option><option value="9">2001</option><option value="9">2000</option><option value="10">2013</option><option value="10">2012</option><option value="10">2011</option><option value="10">2010</option><option value="10">2009</option><option value="10">2008</option><option value="10">2007</option><option value="10">2006</option><option value="10">2005</option><option value="10">2004</option><option value="10">2003</option><option value="10">2002</option><option value="10">2001</option><option value="10">2000</option><option value="11">2013</option><option value="11">2012</option><option value="11">2011</option><option value="11">2010</option><option value="11">2009</option><option value="11">2008</option><option value="11">2007</option><option value="11">2006</option><option value="11">2005</option><option value="11">2004</option><option value="11">2003</option><option value="11">2002</option><option value="11">2001</option><option value="11">2000</option><option value="12">2013</option><option value="12">2012</option><option value="12">2011</option><option value="12">2010</option><option value="12">2009</option><option value="12">2008</option><option value="12">2007</option><option value="12">2006</option><option value="12">2005</option><option value="12">2004</option><option value="12">2003</option><option value="12">2002</option><option value="12">2001</option><option value="12">2000</option><option value="13">2013</option><option value="13">2012</option><option value="13">2011</option><option value="13">2010</option><option value="13">2009</option><option value="13">2008</option><option value="13">2007</option><option value="13">2006</option><option value="13">2005</option><option value="13">2004</option><option value="13">2003</option><option value="13">2002</option><option value="13">2001</option><option value="13">2000</option></select>

我如何获得每年的价值+文字？

像这样：

<option value="0">2013</option>
<option value="1">2012</option>
....
<option value="13">2000</option>

我一直在阅读，我认为我需要使用休息或继续不确定，我只是不知道如何使用它。我是网络编程的新手，谢谢。

Answer 1

您不需要2个for循环。你可以这样做：

for (var i = currentYear; i >= pastYear; i-- ){
    lista.append($("<option/>").val(currentYear-i).text(i));
}

参见 demo

Answer 2

使用attr方法可以添加多个属性值，例如“value”，如果要选择任何选项，可以使用attr方法添加“selected”属性。

lista.append($("<option></option>").attr("value","value goes here").text("text goes here"));

喝彩！