根据同一行中另一个文本字段中的值更改文本字段的值

Question

我正在使用带有文本字段作为单元格的 Yii CGridView。我使用 CHtml::textField 来显示文本字段。现在我想在同一行中另一个单元格的值发生变化时更新网格中的一个单元格。同一行中文本字段的 ID 有一个共同的数字。例如 ProjectMBookGrid_length_163 和 ProjectMBookGrid_quantity_163。在更改 ProjectMBookGrid_length_163 值时，我想更改 ProjectMBookGrid_quantity_163 中的值，在更改 ProjectMBookGrid_length_164 值时，我想更改 ProjectMBookGrid_quantity_164 中的值。 JS Fiddle https://jsfiddle.net/7ykdkgaw/

<table>
    <tr><td><input type="text" id="ProjectMBookGrid_length_163" name="ProjectMBookGrid[length_163]" value="5" style="text-align: right" class="gridfield"></td><td><input type="text" id="ProjectMBookGrid_quantity_163" name="ProjectMBookGrid[quantity_163]" value="3" style="text-align: right" class="gridfield"></td></tr>
    <tr><td><input type="text" id="ProjectMBookGrid_length_162" name="ProjectMBookGrid[length_162]" value="3" style="text-align: right" class="gridfield"></td><td><input type="text" id="ProjectMBookGrid_quantity_162" name="ProjectMBookGrid[quantity_162]" value="3" style="text-align: right" class="gridfield"></td></tr>
</table>

Answer 1

请查看更新的小提琴：

https://jsfiddle.net/7ykdkgaw/2/

$(document).ready(function(){
    $(document).on("change","input[id^=ProjectMBookGrid_length_]",
        function(){
            var currentVal = $(this).val();
            var currentId = $(this).attr("id");
            var numberInID = currentId.replace("ProjectMBookGrid_length_","");

            var targetText = $("#ProjectMBookGrid_quantity_"+numberInID);
            targetText.val(currentVal);
        });

});