通过文本值从下拉列表中选择一个选项元素

本文介绍了通过文本值从下拉列表中选择一个选项元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

给定一个 HTML 表单元素，例如:

Given an HTML form element like:

<select id='mydropdown'>
  <option value='foo'>Spam</option>
  <option value='bar'>Eggs</option>
</select>

我知道我可以用

document.getElementById("mydropdown").value='foo'

但是，假设我有一个值为Spam"的变量；我可以通过文本而不是值来选择下拉项吗?

However, say I have a variable with the value "Spam"; can I select a dropdown item by its text rather than by its value?

推荐答案

var desiredValue = "eggs"
var el = document.getElementById("mydropdown");
for(var i=0; i<el.options.length; i++) {
  if ( el.options[i].text == desiredValue ) {
    el.selectedIndex = i;
    break;
  }
}

这篇关于通过文本值从下拉列表中选择一个选项元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！