javascript - 我从 .val()-function 得到空字符串 '' 或 'undefined'

Question

我想做的是使用类statisPrice-0捕获input的值或用如下代码编写:

statisPrice-". $i . "

随着数字会增加0,1,2,3,4...我稍后需要用这个值进行一些数学计算。

我尝试了多种方法来捕获输入的值，但我得到的是空字符串或未定义。我已阅读此处，所有答案都没有帮助我解决问题。

echo "<input type='number' name='qtty-" . $i . "' class='col-md-6' min='" . $good['Ratio'] . "' step='" . $good['Ratio'] . "' value='" . $good['Ratio'] . "'>";
echo "<div class='col-md-3'>";
    echo "<div class='col-md-12'><strong>Цена в лв.</strong></div>";
    // this is the input:
    echo "<input type='hidden' class='statisPrice-" . $i . "' val='" . number_format((float)$good['PriceOut2'] * $good['Ratio'], 3, '.', '') . "'>";
    echo "<div class='col-md-12 price-" . $i . "'>" . number_format((float)$good['PriceOut2'] * $good['Ratio'], 3, '.', '') . "</div>";
echo "</div>";

我的 jquery 代码是:

$(document).ready(function(){
//change the price
    var thisIsIt = $(this);
     $("input[name*='qtty']").change(function() {
        var val = $(this).val();
        var getName = $(this).attr("name");
        var getNumber = getName.substr(5, 10);
        // this is the code where im trying to catch the input and i tryed several ways and noone of them worked :(
        var price = thisIsIt.find(".statisPrice-" + getNumber).val();
        alert(".statisPrice-" + getNumber);
        alert(price); //outputs empty string ""
        alert(val);
        thisIsIt.find(".price-" + getNumber).text(val * price);
    });
});

我不明白为什么它不能获取隐藏输入的值并进行计算 -> val * Price

如果有人能告诉我哪里错了，我将不胜感激。

Answer 1

正如 @dandavis 评论中提到的，您的 <input> 上的属性元素需要是 value而不是val 。

<input ... value=".." />