如何从 Input type="number" 获取值，并将其提供给其他输入的 value 属性

Question

我正在尝试编辑我的表格行。当我尝试编辑它时，以前的值没有更新到新输入框。我想在新输入框中获取数字。我尝试通过，value="' + $(this).text() + '">'但它适用于type="text"，而它不适用于 type="number"。任何人都可以请帮忙。

// Edit row on edit button click

$(document).on("click", ".edit", function(){        

    $(this).parents("tr").find("td:not(:last-child, :nth-last-child(2))").each(function(){

        $(this).html('<input type="text" class="heading_label-box" value="' + $(this).text() + '">');

    });  

    $(this).parents("tr").find("td:nth-last-child(3)").each(function(){

        $(this).html('<input type="number" class="heading_total-weight" value="' + $(this).text() + '">');

    });    

    $(this).parents("tr").find(".add, .edit").toggle();

    $(".add-heading, .add-point").attr("disabled", "disabled");

});

我试过$(this).val(), $(this).value()，但无法获得价值。

Answer 1

由于您要使用输入更新的对象是 TD，您应该这样做：$(document).on("click", ".edit", function(){&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; $(this).parents("tr").find("td:not(:last-child, :nth-last-child(2))").each(function(){&nbsp; &nbsp; &nbsp; &nbsp; let thisVal = $(this).text();&nbsp; &nbsp; &nbsp; &nbsp; let inputObj = $('<input type="text" class="heading_label-box"/>');&nbsp; &nbsp; &nbsp; &nbsp; inputObj.val(thisVal);&nbsp; &nbsp; &nbsp; &nbsp; $(this).html('');&nbsp; &nbsp; &nbsp; &nbsp; $(this).append(inputObj);&nbsp; &nbsp; });&nbsp;&nbsp;&nbsp; &nbsp; $(this).parents("tr").find("td:nth-last-child(3)").each(function(){&nbsp; &nbsp; &nbsp; &nbsp; let thisVal = $(this).text();&nbsp; &nbsp; &nbsp; &nbsp; let inputObj = $('<input type="number" class="heading_total-weight"/>');&nbsp; &nbsp; &nbsp; &nbsp; inputObj.val(thisVal);&nbsp; &nbsp; &nbsp; &nbsp; $(this).html('');&nbsp; &nbsp; &nbsp; &nbsp; $(this).append(inputObj);&nbsp; &nbsp; });&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; $(this).parents("tr").find(".add, .edit").toggle();&nbsp; &nbsp; $(".add-heading, .add-point").attr("disabled", "disabled");});

Answer 2

似乎输入类型编号不起作用。$(this).html('<input&nbsp;type="number"&nbsp;class="heading_total-weight"&nbsp;value="'&nbsp;+&nbsp;$(this).text()&nbsp;+&nbsp;'">');.text() 返回字符串，因此它不起作用。