如何使用javascript选择标签

Question

我试图在我的网站上实现下拉菜单。我正在使用类似的代码。

<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option> 
</select>
<button>Try it</button>

我不知道如何找到所选内容，并在javascript中阅读。

Answer 1

这取决于您想要的内容，值或与该值相对应的文本。

如果您想要实际值：

var dropdown = document.getElementById("your-dropdown-id");
var dropdownValue = dropdown.options[dropdown.selectedIndex].value;

如果您想要文本，只需更改您要查找的属性：

var dropdownText = dropdown.options[dropdown.selectedIndex].text;