找出多个下拉列表的值，只检查第一个选项

Question

这是我的代码：

    <select id="gender" style="width: 125px;">
    <option>Select</option>
    <option>Female</option>
    <option>Male</option>
    <option>Other</option></select>

    <select id="car" style="width: 125px;">
    <option id="2">Select</option>
    <option id="2">Sport</option>
    <option id="2">Luxury</option>
    <option id="2">Muscle</option>
    <option id="2">Formula 1</option></select>

问题在于我跑步时：

    var gender = document.getElementsByTagName("option")[document.getElementById("gender").selectedIndex].value;
    var car = document.getElementsByTagName("option")[document.getElementById("car").selectedIndex].value;

它理解我有两个选择，但只检查第一选择的第一个选项。所以当我为每个人选择第一个选项时：

女 女

而不是女性和体育。

Answer 1

为什么不直接尝试下面的

var gender=document.getElementById('gender').value;
var car=document.getElementById('car').value

它只会为您提供所选的值。