Question

我有这样的形式：

<div id='add_field' class='locbutton'><a href='#' title='Add'>Add</a></div>
<div id='remove_field' class='locbutton2'><a href='#' title='Delete'>Delete</a></div>
<div id='idisikpi'>
<div id='idheadisi1' class='headisi'>
<div class='performancedetail'><input type='text' name='idperformancedetail[1][]' 
value='2' id='idperformancedetail[1][]'></div>
<div class='performancedetail'><input type='text' name='idperformancedetail[2][]' 
value='9' id='idperformancedetail[2][]'></div>
</div>
 </div>

这是jquery脚本：

function CreateInput()
{

    var $headisi = $("<div>"),
    $idperformancedetail=$("<div>");

  var headisi_count = $("div.headisi").length+1;
  var idperformancedetail_count = 
  $("[id^='idperformancedetail']").last().val().length+1;

  $headisi.addClass("headisi");
  $idperformancedetail.addClass("performancedetail");

  var $input_idperformancedetail = $("<input>")

  $input_idperformancedetail
    .attr("name", "idperformancedetail["+headisi_count+"][]")
    .attr("type", "text")
    .attr("id", "idperformancedetail["+headisi_count+"][]")
    .attr("value", idperformancedetail_count);
  $idperformancedetail.append($input_idperformancedetail);

    $headisi.append($idperformancedetail);

  return $headisi;
}



$("#add_field a").click(function(e)
{
$("#idisikpi").append(CreateInput());

e.preventDefault();
});

$("#remove_field a").click(function(e){
$("#idisikpi div.headisi:last-child").remove();
CalculateTotal();

e.preventDefault();
});

我希望下一个输入是来自idperformancedetail的最后一个值的计数器，我希望下一个输入的值如10,11,12，...我可以做什么来获得下一个输入的计数器值？请帮帮我:(

Answer 1

获取现有复选框的计数，如下所示：

var existingInputCount = $('input[name^=idperformancedetail]').length;

然后相应地使用existingInputCount。

Answer 2

您必须将$("[id^='idperformancedetail']").last().val()解析为整数（parseInt），否则您将获得连接字符串。您也不想使用.length，而是使用val()：

var idperformancedetail_count = parseInt($("[id^='idperformancedetail']").last().val()) + 1;

JSFiddle demonstration。请注意，val()仅在您value自己设置div属性后才有效。这将完全忽略您的input值。

如何计算长度为+ 1的最后一个值？

2 个答案: