Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $('#results').append('<form id=savealldata><table width="100%" border="1" cellspacing="0" cellpadding="5" id="productanddates" class="border"> <tr><td> <input type="text" name="to1" id="to1" value="" /> </td> <td> <select class="dd" name="Phonenumberdd1" id="Phonenumberdd1"> <option value="test">test </option><option value="test2">test 2</option></select></td> <td> <input type="text" name="renewal_by1" id="renewal_by1" /> </td> <td> <input type="text" name="Renivaul_to1" id="Renivaul_to1" value="" /> </td></TR></TABLE></form>'
- );
- $('#results').on('focus', ':input', function() {
- $(this).closest('tr').filter(function() {
- return !$(this).data('saved');
- })
- .find(':input').each(function() {
- $(this).data('value', this.value);
- $(this).closest('tr').data('saved', true);
- });
- })
- .on('input change', ':input', function() {
- $(this).data('filled', this.value != $(this).data('value'))
- var tr = $(this).closest('tr');
- all = tr.find(':input'),
- fld = all.filter(function() {
- return $(this).data('filled');
- });
- if( all.length == fld.length ) {
- if( !tr.data('done') ) {
- $('#buttonclck')[0].click();
- tr.data('done', true);
- }
- } else {
- if( tr.data('done') ) {
- tr.next('tr').remove();
- tr.data('done', false);
- }
- }
- });
- $('#buttonclck').on('click', function () {
- var lastRow = $('#productanddates').closest('#productanddates').find("tr:last-child");
- var cloned = lastRow.clone();
- cloned.find('input, select').each(function () {
- var id = $(this).attr('id');
- var regIdMatch = /^(.+)(d+)$/;
- var aIdParts = id.match(regIdMatch);
- var newId = aIdParts[1] + (parseInt(aIdParts[2], 10) + 1);
- $(this).attr('id', newId);
- $(this).attr('name', newId);
- });
- cloned.find("input[type='text']").val('');
- cloned.insertAfter(lastRow);
- });
- $('#productanddates tr').on('change','.dd', function(e) {
- var data ="dummy data";
- $(this).closest('td').prev().find('input').val(data).trigger('input');
- $(this).closest('td').next().find('input').val(data).trigger('input');
- });
- <div id="results"></div>
- <input id="buttonclck" type="button" class="hide" value="button"/>
- <button id="save">save</button>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement