javascript - jquery输入值未定义

Question

Javascript 值和 jQuery val() 在 keyup 事件上返回未定义。可变货币是一个 select 输入，我想要在 convertCash 函数中获取其值。
我的代码示例如下:

    var currenciesData = <?php echo $this->currencies;?>;
    var currency = $('#depositCurrencySelect');
    var deposit = $('#depositCashEndInput');
    var cashInput = $('#depositCashInput');

    currency.change(function() {
        convertCash(this, deposit);
    }); 
   //There is the event
    cashInput.keyup(function() {
        convertCash(currency, deposit);
    });

   var convertCash = function(element, elementToChange) {
       console.log(element);
       console.log('value ' + element.value);
        switch(element.value) {
            case 'USD':
                elementToChange.val(parseFloat(cashInput.val() / currenciesData['USD'], 8).toFixed(8));
                break;
            case 'EUR':
                elementToChange.val(parseFloat(cashInput.val() / currenciesData['EUR'], 8).toFixed(8));
                break;
            case 'GBP':
                elementToChange.val(parseFloat(cashInput.val() / currenciesData['GBP'], 8).toFixed(8));
                break;
            case 'BTC':
                elementToChange.val(parseFloat(cashInput.val()));
                break;
        }
   };

谢谢!

Answer 1

您正在询问 select 元素的值。但您真正想要的是所选 option 元素的值。

所以使用

switch(element.options[element.selectedIndex].value)

而不是

switch(element.value)

请注意，选项元素的值不一定与文本相同。如果您想要文本，只需使用

switch(element.options[element.selectedIndex].text)

有了jquery，就可以使用

switch(element.val())

或者，如果您需要文本，

switch(element.find(":selected").text() )