javascript - 通过使用 javascript 在数组中搜索关键字来选择下拉列表中的值

标签 javascript html drop-down-menu

 HTML PART
 <select id="carlist" name="cars">
 <option value="volvo">Volvo</option>
 <option value="fiat">Fiat</option>
 <option value="audi">Audi</option>
 </select>


 JAVASCRIPT PART
 cars=["volvo","fiat","audi"];
 var best = "fiat";
 for (var i=0;i<cars.length;i++)
 {
 if (cars.value == best.value)
 (
  document.getElementById('carlist').selectedIndex= 2;
  }

由于最后一行的.selectIndex为2,所以下拉的最终结果始终是audi。我在最后一行中做了哪些更改,以便下拉列表的值根据变量“最佳”而变化?

最佳答案

cars=["volvo","fiat","audi"];
var best = "audi";
for (var i=0;i<cars.length;i++)
{
  if (cars[i] == best)
  {
    document.getElementById('carlist').selectedIndex= i;
  }
}

JS Fiddle

关于javascript - 通过使用 javascript 在数组中搜索关键字来选择下拉列表中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16191755/

相关文章:

php - 如何根据 w3c 使用 str_replace 或其他一些 php 函数使 img 标签有效?

jquery - 将值插入隐藏和数据库问题?

javascript - 似乎无法使选择器选择正确

javascript - 在之前的下拉选择之后将值附加到单选按钮而不是下拉框

html - Bootstrap 3 下拉列表显示在 Chrome Inspector 中,但不显示在浏览器中

javascript - 错误: [$injector:modulerr] Failed to instantiate module dx due to:Error: [$compile:baddir] Directive name 'DOMComponent' is invalid

javascript - 使用 jsdom 和 nodeJS 加载 SpreadJS

javascript - 如何测试返回 $timeout promise 且内部包含 $http.get 的 AngularJS 工厂方法?

javascript - 如何在下拉列表中启用多个条件?

javascript - 延迟中断 javascript 重定向