Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 克隆/添加新表单字段_Javascript_Jquery - Fatal编程技术网

Javascript 克隆/添加新表单字段

Javascript 克隆/添加新表单字段,javascript,jquery,Javascript,Jquery,现在,我想编写通用代码,处理type=url、email、tel、number和select标记 在上述代码中,第3-6行将更改为以下内容 $('a.AddNew').click(function(){ var pool = $(this).closest('.addnew'); pool.find('input[type=text]:first').clone().val('').insertAfter(pool.find("input[type=text]:last"));

现在,我想编写通用代码,处理type=url、email、tel、number和select标记

在上述代码中,第3-6行将更改为以下内容

$('a.AddNew').click(function(){
    var pool = $(this).closest('.addnew');
    pool.find('input[type=text]:first').clone().val('').insertAfter(pool.find("input[type=text]:last"));
    return false
})


你的意思是这样的:

<select></select>
编辑:好的,那么:

function cloneElement(selector) {
  $('a.AddNew').click(function(){
    var pool = $(this).closest('.addnew');
    var inputs = pool.find(selector);
    inputs.first().clone().val('').insertAfter(inputs.last());
    return false;
  });
}

function cloneInput(type) {
  return cloneElement('input[type=' + type + ']');
}

function cloneSelect() {
  return cloneElement('select');
}

你想要什么还不太清楚。HTML是什么样子的?不,尽管div中的所有元素都是一种类型,但是id不知道它是哪种类型。我正在寻找一个通用代码
<input name="data[Configuration][value][]" value="neat" type="tel">
<select></select>
function cloneElement(selector) {
  $('a.AddNew').click(function(){
    var pool = $(this).closest('.addnew');
    var inputs = pool.find(selector);
    inputs.first().clone().val('').insertAfter(inputs.last());
    return false;
  });
}

function cloneInput(type) {
  return cloneElement('input[type=' + type + ']');
}

function cloneSelect() {
  return cloneElement('select');
}
  $('a.AddNew').click(function(){
    var pool = $(this).closest('.addnew');
    var inputs = pool.find("input, select");
    inputs.first().clone().val('').insertAfter(inputs.last());
    return false;
  });