javascript - 在多个单选按钮中选择了哪个选项

Question

我有 2 个单选按钮，每个单选按钮都有选择标签和选项，如图所示：

        <input type="radio" name="vehicle" id="b" value="Bus"> Bus
        <select id="select1" style='display:none;'>
        <option value="l3">Type :  </option>
        <option value="l1">AC Bus </option>
        <option value="l2">Non AC Bus </option>
        </select>
        <input type="radio" name="vehicle" id="f" value="Flight"> Flight
        <select id="select2" style='display:none;'>
        <option value="l3">Name :  </option>
        <option value="l1">Indian Airlines  </option>
        <option value="l2">Jet Airways  </option>
        </select>

我想知道选择了哪个单选按钮以及它的哪个选项。我怎样才能在脚本中实现这一点。

标签： javascripthtml

Answer 1

在 Js 中，您可以编写如下，

var select1 = document.querySelector('#select1')
var select2 = document.querySelector('#select2')

select1.addEventListener('change', e => {
    console.log("select1 value", e.target.value)
})

select2.addEventListener('change', e => {
    console.log("select2 value", e.target.value)
})