javascript - 如何使用 JavaScript 获取选择标签上的选定值？

Question

我有一个这样的选择语句:

<select onchange="change_session()" name="select_path" id="select_path">
    <option name="sserver_id" id="select_path" selected value="{{ i.id }}">{{ default_server_id }}</option>
    {% for i in all_server_id %}
        <option name="server_id" id="select_path" value="{{ i.id }}">{{ i.session_name }}</option>                 
    {% endfor %}
    </select>

第一个选项显示 default_id顶部和第二个选项列出了所有选项。用户可以更改选项并相应地处理使用 AJAX 发送到服务器。现在我想知道是哪个 server_id有用户选择使用这样的 JavaScript:

var serverId=document.getElementById('server_id');

如何获得选定的选项？

Answer 1

首先，您需要从 <option> 中删除 'name' 和 'id' 属性。标签。一个页面上不能有重复的 ID。

接下来，您可以使用它通过 id 获取元素:

var selected = document.getElementById('select_path').value;