Jquery帮助创建基于另一个输入字段

Jquery help create input field based on another

本文关键字：另一个 输入 字段 帮助 创建 Jquery      更新时间：2023-09-26

我试图创建一个输入字段时，添加输入单击。

用Jquery创建的输入应该与最近的输入字段相同，但只是在名称中添加了info。

当添加输入被点击时，文本应该变成"删除输入"，如果被点击，创建的输入字段应该被删除。

我的HTML: 

<div class="input string optional">
<label for="company_count" class="string optional"> count</label>
<input type="text" size="50" name="company[count]" maxlength="255" id="company_count" class="string optional">
<p class="addinput">Add input</p>
</div>
<div class="input string optional">
<label for="company_navn" class="string optional"> Navn</label>
<input type="text" size="50" name="company[navn]" maxlength="255" id="company_navn" class="string optional">
<p class="addinput">Add input</p>
</div>
我Jquery 

    $('.addinput').toggle(function() {

    }
});

更新:输入字段:

<div class="input numeric integer optional"><label for="company_prisar" class="integer optional"> Pris 1. år</label><input type="number" step="1" size="50" name="company[prisar]" id="company_prisar" class="numeric integer optional"></div>

当添加输入被点击时，这个输入被添加:

<input type="number" step="1" size="50" name="company[prisarinfo]" id="company_prisarinfo" class="numeric integer optional">

如果我理解你的问题是正确的，那么像这样的事情应该解决问题:

$('button.add', '#companyinfo').live('click', function(e) {
    var element = $(this).parents('.input').find('input').last().clone().prop('value','');
    var counter = $(this).parents('.input').find('input').length + 1;
    var newname = element.prop('id') + '_' + counter;
    element.prop('name', newname);
    element.insertAfter($(this).parents('.input').find('input').last());
    $('button.remove').removeProp('disabled');
})
$('button.remove', '#companyinfo').live('click', function(e) {
    $(this).parents('.input').find('input').last().remove('input');
    if ($(this).parents('.input').find('input').length == 1) {
        $(this).parents('.input').find('button.remove').prop('disabled', 'disabled');
    }
});

注意，我已经修改了一些html，您可以在jsFiddle上看到一个工作的实时演示。

我想你打错了，应该是:

$('p.addinput').toggle(function(){});

你能详细说明你想要这个函数做什么吗?我不清楚。

相关文章：