通过下拉菜单选择一个选项<select>以编程方式

selecting an option on dropdown <select> programmatically

本文关键字：select 方式 编程 选项 一个 选择 下拉菜单      更新时间：2023-09-26

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

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

在页面加载时自动调用。它将selecteindex设置为整数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>");
    }
});

如果你使用的是Select2，你可以通过

来更新你的选区
$("#walkForAmount").select2("val", "5"); // select "5"

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

相关文章：