Javascript 从下拉列表中自动选择

Question

我一直在搜索，但找不到任何我需要的东西。

所以我需要 javascript，它将从下拉列表中选择选项，但不是按选项值编号，而是按名称。

我有:

<select class="aa" id="local" name="local">
<option value="0">Cała Polska</option>
<option value="1">Dolnośląskie</option>
<option value="100">• Bolesławiec</option>
<option value="101">• Dzierżoniów</option>
<option value="102">• Głogów</option>
<option value="103">• Góra</option>
<option value="104">• Jawor</option>
<option value="105">• Jelenia Góra</option>

所以我需要按名称选择• Jawor，而不是按ID - 这是最重要的。我该如何让它发挥作用？

Answer 1

对你来说是这样的；

var options = document.getElementsByClassName("aa")[0].options,
	name ="Jawor";

for(i = 0; i < options.length; i++){
   if(options[i].text.indexOf(name) > -1){
    	options[i].selected = true;
        break;
    }
}

<select class="aa" id="local" name="local">
    <option value="0">Cała Polska</option>
    <option value="1">Dolnośląskie</option>
    <option value="100">• Bolesławiec</option>
    <option value="101">• Dzierżoniów</option>
    <option value="102">• Głogów</option>
    <option value="103">• Góra</option>
    <option value="104">• Jawor</option>
    <option value="105">• Jelenia Góra</option>
</select>