根据下拉菜单填充输入表

Question

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

http://jsfiddle.net/uxjvE/5/

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() {



    }).change(); 
});

看到了一些其他类似的问题，但无法正常工作。任何帮助深表感谢。

谢谢，

标记

Answer 1

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

    }); 

Answer 2

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

小提琴 - http://jsfiddle.net/uxjvE/26/

说明

cur[currencyValue][this.selectedIndex]

cur 是您的对象，它包含 3 个数组 GBP、USD、EUR

currencyValue 将获取我选择的货币，这意味着cur[currencyValue] 与cur.USD或cur.EUR或cur.GBP相同。

this.selectedIndex 将根据您的选择为我获取从 0 到 (length-1) 的所选选项的索引。现在我假设数组中的相同索引是您要显示的数量。

Answer 3

假设您希望在更改 <select> 选项中的任何一个时更新价格：

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

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

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

}).change(); 

Here's a fiddle