使用javascript或jquery显示下拉值

时间:2012-04-12 05:21:45

标签: javascript jquery

我有以下代码在下拉列表中添加值,值正在添加但是没有显示在下拉列表中,我已经通过使用jquery fruntions添加下拉列表读取值来测试它,但是它变红了但是为什么如果没有在下拉列表中显示,请告诉我一个解决方案。

1)下拉

  <select id="year" name="year" onchange="test2(this.value)">
    <option value="">Choose Year</option>

2)javascript和jquery代码

function getVa2()
    {


     var jSelect=$("select[name='year']");
            jSelect.removeAttr('disabled');

    var lnk =new Array();
    var cnt=0;
    var val=new Array

    $("#data1 a").each(function(index){
    if($(this).attr("class")=="subcategory_link")
    {



    lnk[cnt]=$(this).attr("href");


     cnt=cnt+1;

    }
    });
    cnt=0;
    $("#data1 span").each(function(ind){
    if($(this).attr("class")=="subcategory_name")
    {
      val[cnt]=$(this).text();

      cnt=cnt+1;

    }
    });



    var select1 = document.getElementById("year");

    $("#year").empty();

    select1.options[select1.options.length]=new Option("[ Select Your Series ]","");

        for(i=0; i<lnk.length;i++)
        {

        select1.options[select1.options.length] = new Option(val[i], lnk[i]);
        }

              //This displayes values from drop down in alert

    $("#year option").each(function(){
    alert($(this).val()+'-'+$(this).text());
    });


    }

2 个答案:

答案 0 :(得分:0)

如果我做对了:

...
for(i=0; i<lnk.length;i++)
{

    $(select1).append($("<option>").val(val[i]).text(lnk[i]));
}

...

答案 1 :(得分:0)

如何使用它

for(i=0; i<lnk.length;i++)
{
   var my_option = '<option>'+text(lnk[i])+'</option>';
   $('#selection_id').html(my_option);
}