Javascript 基于下拉菜单填充输入表

我对Javascript/JQuery非常陌生，我遇到了一些困难。我试图做的是根据两个下拉菜单（产品和货币类型）将一个值放入一个输入字段。尝试了一大堆不同的东西，但似乎没有一件是完全正确的

看到了其他一些类似的问题，但无法使其正常工作。非常感谢您的帮助

谢谢

标记

小提琴-

解释

cur[currencyValue][this.selectedIndex]

cur是您的对象，它包含3个阵列：英镑、美元、欧元

currencyValue将获取所选货币，这意味着

cur[currencyValue]

与

cur.USD

或

cur.EUR

或

cur.GBP

相同

---

此.selectedIndex

将根据您的选择从0到（长度-1）获取所选选项的索引。现在，我假设数组中的相同索引是您希望显示的金额。

假设您希望在更改任一

选项时更新价格：

$('#visaType, #currency-choice').change(function() {    

   var currencyType = $('#currency-choice').val();
   var price = $('option:selected', '#visaType').index();

   $('#business-visa-amount').val(cur[currencyType][price]);   

}).change(); 

---

我已经在我的网站上使用了这个解决方案。非常感谢。真的帮了我：）

var cur = {
    GBP: ['£20', '£55', '£64', '£90', '£100', '£65', '£75', '£100', '£135', '£255', '£260'],
    EUR: ['€24', '€65', '€76', '€107', '€119', '€77', '€89', '€119', '€160', '€302', '€308'],
    USD: ['$85', '$85', '$99', '$139', '$155', '$100', '$116', '$155', '$209', '$394', '$402']
}

$(document).ready(function () {
    $('#visaType').change(function () {

        var currencyValue = $('#currency-choice').val();

        $('#business-visa-amount').val(cur[currencyValue][this.selectedIndex]);

    }).change();
});

$('#visaType, #currency-choice').change(function() {    

   var currencyType = $('#currency-choice').val();
   var price = $('option:selected', '#visaType').index();

   $('#business-visa-amount').val(cur[currencyType][price]);   

}).change(); 

    $('#visaType').change(function() { 
        var selectedoption = this.selectedIndex;
        var currency = $('#currency-choice').val();         
        $('#business-visa-amount').val( cur[currency][selectedoption]);

    });