javascript - jQuery 动态生成表行，在选择选项上输入字段验证

Question

我需要一些关于 jQuery 生成的带有输入字段和选择选项的动态表行的帮助。

我希望当我选择选项 js 输入字段 id fee-2 时将禁用，当我选择选项 php 输入字段 id fee-1 时将禁用，依此类推，插入更多行以与不同行上的选择选项不同。最后需要由字段 id fee-1 插入的所有行中的一些

示例在图像中

我的小提琴演示在这里

http://fiddle.jshell.net/softfiddle/cSbbK/2/

谢谢

Answer 1

将您的 HTML 更改为：

<td><input type="text" id="fee-1" class="fee" name="js-fee"></td>
<td><input type="text" id="fee-2" class="fee" name="php-fee"></td>

然后使用这个 Javascript：

$("#mytable").on("change", "select", function() {
    var feeid = "#fee-" + $(this).val(); // Get ID of DIV related to selected item
    $(".fee").prop('disabled', true); // Disable all the other DIVs
    $(feeid).prop('disabled', false); // Enable the related DIV
    // Now calculate the total
    var total = 0;
    $(".fee").each(function() {
        total += parseInt($(this).text(), 10);
    });
    // And display it somewhere
    $("#totaldiv").text(total);
});