使用JavaScript从下拉菜单中选择项目

Question

这是网站的下拉菜单

    <select name="ctl00$ddlWersjeJezykowe" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ddlWersjeJezykowe\',\'\')', 0)" id="ddlWersjeJezykowe" style="width:100px;margin-right: 10px;">
                <option selected="selected" value="1">Polska</option>
                <option value="2">English</option>
                <option value="17">Русская</option>
                <option value="19">Українська</option>
                <option value="20">Deutsch</option>
                <option value="21">Français</option>
                <option value="22">Español</option>
                <option value="24">Português</option>
                <option value="25">Türk</option>
</select>

我想通过浏览器控制台将语言更改为英语。 我在控制台上尝试过

document.getElementById("ddlWersjeJezykowe").value="2";

它仅选择英语，而不会更改语言。 如何通过浏览器控制台将语言更改为英语？

Answer 1

以编程方式更改值不会触发onchange事件，因此您也必须调用setTimeout('__doPostBack(\\'ctl00$ddlWersjeJezykowe\\',\\'\\')', 0) 。

或者，您可以调用document.getElementById("ddlWersjeJezykowe").onchange()

Answer 2

这将从选择下拉列表中获得选择的值

<select id="language" style="width:100px;margin-right: 10px;">
                <option selected="selected" value="1">Polska</option>
                <option value="2">English</option>
                <option value="17">Русская</option>
                <option value="19">Українська</option>
                <option value="20">Deutsch</option>
                <option value="21">Français</option>
                <option value="22">Español</option>
                <option value="24">Português</option>
                <option value="25">Türk</option>
</select>

function GetValue() {
    var e = document.getElementById("language");
    var result = e.options[e.selectedIndex].value;
    document.getElementById("result").innerHTML = result;
}

<button type="button" onclick="GetValue()">Get Selected Value</button>

<div id="result"></div>