javascript - 无法读取HTMLSelectElement上未定义的属性“替换”

我正在使用jQuery通过以下脚本克隆表主体：

//1. Add new row
$("#addNew").click(function(e) {
  e.preventDefault();
  var $tableBody = $("#dataTable");
  var $trLast = $tableBody.find("tr:last");
  var $trNew = $trLast.clone();

  var suffix = $trNew.find(':input:first').attr('name').match(/\d+/);
  $trNew.find("td:last").html('<a href="#" class="remove">Remove</a>');
  $.each($trNew.find(':input'), function(i, val) {
    // Replaced Name
    var oldN = $(this).attr('name');
    var newN = oldN.replace('[' + suffix + ']', '[' + (parseInt(suffix) + 1) + ']');
    $(this).attr('name', newN);
    //Replaced value
    var type = $(this).attr('type');
    if (type.toLowerCase() == "text") {
      $(this).attr('value', '');
    }

  });
  $trLast.after($trNew);
});

// 2. Remove
$('a.remove').live("click", function(e) {
  e.preventDefault();
  $(this).parent().parent().remove();
});

我正在尝试克隆以下内容：

<tr style="border:1px solid black">
    <td>@Html.TextBoxFor(a => a[j].WarmUp)</td>
    <td>@Html.TextBoxFor(a => a[j].ExerciseName)</td>
    <td>@Html.TextBoxFor(a => a[j].CoolDown)</td>
    <td>@Html.TextBoxFor(a => a[j].MomentOfTheDay)</td>
    <td>@Html.TextBoxFor(a => a[j].ExerciseWeek)</td>
    <td><select asp-items="Html.GetEnumSelectList<SampleMvcApp.Models.Days>()"></select></td>
    <td>
        @if (j > 0)
        {
            <a href="#" class="remove">Remove</a>
        }
    </td>

但是，当我只有HTML.TextBox标记中包含所有<td>或任何其他文本时，但是当我添加时，它会很好地工作

 

<select asp-items="Html.GetEnumSelectList<SampleMvcApp.Models.Days>()"></select>`

它停止工作。

得到错误

var newN = oldN.replace('[' + suffix + ']', '[' + (parseInt(suffix) + 1) + ']');

有什么建议么？

最佳答案

您的<select>标签（包含在jQuery的:input选择器中）没有name属性，因此该标签的$(this).attr('name')是未定义的。

因此oldN也将是未定义的，从而导致错误。

将name属性添加到您的<select>标记，或搜索实际的<input>标记而不是:input以将自己限制在文本框中：

$.each($trNew.find('input:text'), function (i, val) {

关于javascript - 无法读取HTMLSelectElement上未定义的属性“替换”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44812492/