时间戳

首页 > 解决方案 > 如何在不使用选项元素上的 id 的情况下知道单击了哪个选项

javascript - 如何在不使用选项元素上的 id 的情况下知道单击了哪个选项

问题描述

我需要能够知道点击了哪个选项，我使用过

    let selection = document.getElementById("list");

但这仅在我单击整个列表时才有效，我尝试获取所有选项但我只能看到里面的内容

    let opt = document.getElementsByTagName("option");

我需要能够捕捉到被点击的选项，以便我可以根据选择的选项发送消息！另外，我不能在选项标签上使用值。

<select id="list">
        <option>Select a Currency</option>
        <option>UK Pounds</option>
        <option>Euros</option>
        <option>Yen</option>
        <option>Yuan</option>
        <option>Swiss Francs</option>
        <option>Canadian Dollars</option>
</select>
<p id="exchangerate"></p>

然后我需要定位id“exchangerate”并根据选择的选项写在那里

标签： javascript

解决方案

向onchange事件添加函数。

<select id="list" onchange="alert(this.value)">
    <option>Select a Currency</option>
    <option>UK Pounds</option>
    <option>Euros</option>
    <option>Yen</option>
    <option>Yuan</option>
    <option>Swiss Francs</option>
    <option>Canadian Dollars</option>
</select>

推荐阅读