从字段中获取数字并处理它们

时间:2013-02-02 21:35:20

标签: javascript jquery

我有一个字段,通过与数字相关联的链接列表获取输入。 (类似于计算器,但没有运算符)。我想检索这些数字并将它们放在一个将它们除以12的函数中。(从英尺到英寸的转换)。

首先,我有一个jQuery点击函数列表,如下所示:

$('#a0').click(function(){
    writeInput(input, one); // var one = 1;
});

接下来我有“写入输入”功能(这是数字在“屏幕”上显示的位置)

enter image description here

function writeInput(field, str){
    $input = $(field);
    var text = $input.val($input.val() + str);
    $input.text(text);
    convert(text);
}

最后我有一个功能,它应该将输入的数字除以12

function convert(input){
    var divide = (input / 12);
    $("#output").html(divide); //output is a paragraph where the number is displayed
}

当我运行我的代码时,我得到 NAN 输出数字应该是。我尝试过parseInt()和其他技巧。但是,当我得到[对象] [对象]输出时,我最接近的是正确的。

任何帮助将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:1)

在你的代码中text是一个jQuery对象,你使用val作为setter返回一个jQuery对象,你应该使用val / text方法作为getter用于检索更新的值。

function writeInput(field, str){
    var text = $(field).val(function(i, v){
                  return v + str;
               }).text(function(i, t){
                  return t + str
               }).val();
    convert(text);
}