需要一个select标签来跨文档运行javascript

Need a select tag to run javascript across documents

本文关键字：标签 文档 javascript 运行 select 一个      更新时间：2023-09-26

我正在做一个chrome扩展，我几乎完成了。然而，我只需要我的弹出式下拉工作来完成扩展。在一个文件(弹出。html)中，我有一个选择标签，它有…

<select id="currency">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
</select>

我需要每个选项从脚本文件(script.js)中运行脚本，所需的脚本是…

   function prices() {
    var priceList = document.getElementsByClassName('item-amount');
    var i;
    fx.settings = { from: "USD", to: "GBP" };
    for (i = 0; i < priceList.length; i += 1) {
        var price = priceList[i].textContent;
        var newPrice = price.replace(/,/g , "");
        newPrice = newPrice / 100;
        newPrice = (fx.convert(newPrice)).toFixed(2);
        document.getElementsByClassName('item-amount')[i].innerHTML = "<span class='icon-logo'></span>" + price + "<span class='new-price'> (" + newPrice + " GBP)</span>";
        document.getElementsByClassName('new-price')[i].style.fontSize = "smaller";
    };
};

脚本将根据列表中的每个选项进行更改，我只需要知道如何将此脚本应用于其中一个，然后将其复制到其他

我找遍了所有地方，没有一个地方提供适用于这种格式的答案。

欢呼。

每次选择option时，都可以使用onchange调用函数。

<select id="currency" onchange="prices()">
<option value="USD">USD</option>
<option value="EUR">EUR</option>
</select>
相关文章：