javascript - .val() 每次都返回未定义

Question

所以我的页面上有以下文本框：

当我在 textbox1 中输入一个值时，我可以使用下面的代码很好地获取该值。但是，只要我继续输入 textbox2 的值，我的变量“value1”就会一直返回 undefined。我可以做些什么来保留/保存该值，以便当我继续输入第二个值时它不会为第一个值返回 undefined？非常感谢任何指导/帮助！

$(document).on('change', '.value1, .value2', function () {
    var current = $(this);
    var div = current.closest('.divClass');
    var value1 = div.find(".value1").val();
    var value2 = div.find(".value2").val();
  })

HTML

<div class="row">
    <div class="divClass">
        <label>TextBox1</label>
        @Html.TextBox("TextBox1", null, new { @class = "value1" })
        <br />
        <label>TextBox2</label>
        @Html.TextBox("TextBox2", null, new { @class = "value2" })
    </div>
</div>

标签： javascripthtmljqueryundefinedonchange