如何通過填充之前自動生成新的輸入字段？

-2

要儘可能簡單：我有條件，我不知道我將有3個或更多的輸入元素（「文本」的類型），我在尋找解決方案，將生成第四個輸入當我開始用字符填充第3個輸入字段時輸入文本，依此類推。如何通過填充之前自動生成新的輸入字段？

類似的東西Adminer有創建時添加新列/變更數據庫： enter image description here

這裏你點擊+添加新的輸入和X將其刪除。這對我也很好。如何實現這個/我應該使用什麼庫？

來源

2013-07-03 Miloš Đakonović

非常感謝你，我不知道的是，真正做到：要在填充最後一排的一些文本自動添加行，你可以走了。 –

請在這個問題中彈出一些代碼。沒有看到你嘗試過的東西，很難說出你想要的。 – astex

我在問是否有這樣的庫，我找不到這樣的功能，例如jQuery UI –

您可以克隆整行，並將其附加到父表中。看看jQuery clone()和append()。

示例代碼：

$('#yourtableid').on('click', '.add', function() { 

    // clone first row 
    var row = $('#yourtableid tbody tr:first').clone(); 

    // reset inputs 
    row.find('input[type!=button]').val(''); 

    // append cloned row 
    $('#yourtableid tbody').append(row); 

});

直播DEMO。

編輯：

$('#tbl').on('change', 'input', function() { 

    // check that some input was entered and that it is in the last tr 
    if($(this).val() != '' && 
    $(this).closest('tr').is(':last-child')) { 
    addRow(); 
    } 
});

來源

2013-07-03 12:24:45

這解釋了問題中給出的無關示例，但並未真正回答問題：「我正在尋找解決方案，當我開始用字符填充第3個輸入字段時，將生成第4個輸入類型文本，等等。」 – astex

很難說出你想要的代碼樣本，但是你想要這樣的東西嗎？

HTML：

<input type='text' />

JS：

$('input').on('change', function() { 
    $(this).after('<input type="text" />'); 
    $('input').off('change'); 
});

的jsfiddle是下來jsBin不能處理多餘的負荷，但here的演示。

來源

2013-07-03 12:22:00 astex

'輸入'元素是自動關閉... – BenM

什麼漂浮你的船。 – astex

哈哈！如果是這樣，你的意思是有效的HTML，那麼肯定會漂浮我的船。 – BenM

如何通過填充之前自動生成新的輸入字段？

回答

相關問題