如何让用户输入，修改它，然后在JQuery中显示它？

Question

我正在尝试创建一个单位转换器，我将让用户在文本框中输入一个数值，从select元素中选择一个单位类型（lbs，g，oz等...），然后做一些简单的乘法得到转换，最后，我遇到麻烦的部分，在指定区域显示转换结果。我无法将文本更改为转换结果。到目前为止我只有一个转换编码，这是磅到克，因为我希望能够在编写其余部分之前显示文本。谢谢你，任何输入都有帮助！

var main = function() {
  var rslt = $('#result').val;
  var num = $('#nmbr').val();
  var inpt = $('#slct1').val();
  var outpt = $('#slct2').val();
  var bttn = $('.sbs');
  $('.sbs').click(function(){
    if(inpt == 'pounds'){
      if(outpt == 'grams') {
        var pGrams = num * 453.592;
        $('#result').text(pGrams);
      }
    }
  })
}

$(document).ready(main);

完整代码：https://jsfiddle.net/drzb6frk/

Answer 1

试试这个javascript代码：

var main = function() {
  var bttn = $('.sbs');
  $('.sbs').click(function(){
    var rslt = $('#result').val;
    var num = $('#nmbr').val();
    var inpt = $('#slct1').val();
    var outpt = $('#slct2').val();
    if(inpt == 'pounds'){
      if(outpt == 'grams') {
        var pGrams = num * 453.592;
        $('#result').text(pGrams);
      }
    }
  })
}

$(document).ready(main);