.clone工作不正常,也不返回名称数组

时间:2016-07-25 15:15:03

标签: javascript jquery

我的代码应该有三个输入框,当我点击"添加set"时,它应克隆三个输入框。当我点击"获取公司名称"它应返回一组公司名称,即框中的所有值。

现在,"添加设置"不起作用,我不明白为什么。 另一个问题是,"得到公司名称"返回一个对象而不是像这样的值 .val会建议。

`alert($("#workExperienceBox").find("input[id=companyName1]").val(""));` 

此外,在小提琴中,您将看到我用于复制框的代码。 extraWorkEpxerience是div,workExperience是该div内的第一个div。

var workExperience = $("#workExperienceBox").clone();
    $("#extraWorkExperience").html(workExperience);

小提琴正是我目前所处的位置。 请帮忙!

小提琴:https://jsfiddle.net/tubbstravis/tmakdo1x/3/

1 个答案:

答案 0 :(得分:0)

Id必须是唯一的,所以我创建了你用作类的id。另一个问题是您使用html()而不是append(),因此可能会替换该容器的整个html内容。

var getNames = function(num) {
  alert($(".workExperienceBox").find(".companyName1").map(function() {
    return this.value;
  }).get());
}

var addWorkPlace = function() {
  var workExperience = $(".workExperienceBox").clone();
  $("#extraWorkExperience").append(workExperience);
}

DEMO