javascript - 通过 id 执行选定的选项

标签 javascript html select

我想在使用执行按钮选择并执行选项后执行该选项的 id。因此,例如,我选择奥迪,然后我想在按下执行后执行 id 4。

<select>
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>
<a id="//option-chosen-id">Execute</a>

最佳答案

执行按钮类型并使用onclick 来执行您的Javascript 代码

<select id="abc">
 <option value="volvo" id="1">Volvo</option>
 <option value="saab" id="2">Saab</option>
 <option value="mercedes" id="3">Mercedes</option>
 <option value="audi" id="4">Audi</option>
</select>

<input type="button" value="Execute" onclick="func()" />
<script>
      function func() {
        var b = document.getElementById("abc");
       var a= b.options[b.selectedIndex].value;
}
    </script>

关于javascript - 通过 id 执行选定的选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33258186/

相关文章:

javascript - 不允许在对象中设置新的或未声明的属性

css - 更改输入文本字段的选定字符的背景颜色

javascript - HTML5 缓存行为不当

mysql - 一张表中的两个 ID 链接回父表。如何显示两个 ID 的名称?

javascript - 延迟加载脚本

javascript - JS 事件处理,停留在基础知识上

javascript - 如何删除 JavaScript 中动态创建的音频元素?

javascript - 如何在 iOS 上注册 &lt;input type=date> 的值更改事件

javascript - 根据条件禁用单击/选择下拉列表中的某些选项

javascript - 使用 javascript 填充选择菜单选项