javascript - 根据下拉菜单填充输入表

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

Presumably you want the price to update when either of the <select> options are changed:

$('#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

Answer 2

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

    }); 

Answer 3

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 将获取我选择的货币，这意味着与or或cur[currencyValue]相同。cur.USDcur.EURcur.GBP

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