在下拉列表中选择一个选项<select>以编程方式</select>

时间:2013-01-01 21:13:57

标签: javascript html drop-down-menu

我在网站上有一个页面,我正在从Web服务自动更新。我试图在页面加载之前设置下拉列表<select>的值,我可以看到当我选择下拉列表时我想要的值已经突出显示但是我希望选择该选项而不是突出显示。这是我在javascript中的代码:

document.getElementById('walkForAmount').selectedIndex = object.get("WalkForTime");

在加载页面时自动调用。它将selectedIndex设置为int 0 -15。和HTML代码:

  <select id = "walkForAmount" name="walkForAmount" style="margin-left:2em;margin-top:-1em; width:4em;">
                                <option>-</option>
  </select>

编辑:下面是我用来生成选项的JS

$(document).ready(function() { 

    $("#walkForAmount").select2({

    }); 

    $("#walkForType").select2({

    });

    for (i = 1; i < 16; i++) {

    $("#walkForAmount").append("<option>"+i+"</option>");

    }

});

1 个答案:

答案 0 :(得分:9)

如果您使用的是Select2,则可以通过

更新您的选择
$("#walkForAmount").select2("val", "5"); // select "5"

示例:http://jsfiddle.net/verashn/aWvQr/1/