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>

我想知道选择哪个单选按钮以及进一步选择哪个选项。如何在脚本中实现这一点。

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)
})

在多个单选按钮中选择哪个选项

1 个答案: