我在jQuery生成的动态表行中需要一些帮助,包括输入字段和选择选项。
我想当我选择选项js输入字段id费用-2将禁用,当我选择选项php输入字段id费用-1将禁用等等更多行插入 与不同行上的选择选项不同。最后需要通过字段id fee-1
插入的所有行中的一些示例在图像中
我的小提琴演示在这里
http://fiddle.jshell.net/softfiddle/cSbbK/2/
由于
答案 0 :(得分: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);
});