Question

我是Javascript / JQuery的新手，我遇到了困难。我想要做的是根据两个下拉菜单（产品和货币类型）将值放入输入字段。尝试了很多不同的东西，但似乎没有什么工作正常。

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

当您更改<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

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

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

    });

根据下拉菜单填充输入表

3 个答案:

Here's a fiddle

释