How to post value by javascript/ajax after added elements by dynamicly -


i had success added elements dynamicly javascript using in form new lines.

the question how can post values new added lines?

added lines successed:

var form = '<tr id="package_' + data.custom +'">';                         form += '<td><input type="text" class="form-control" name="donate[package_name]" id="package_name_'+ data.custom +'"  value="" /> </td>';                         form += '<td>';                         form += '<select name="settings[currency]" id="currency_'+ data.custom +'" >';                         form += '<option value="eur" selected="selected">eur</option> ';                         form += '<option value="usd">usd</option>';                         form += '</select>';                         form += '</td>';                         form += '<td><input type="text" class="form-control" name="donate[money]" id="money_'+ data.custom +'"  value="" /></td>';                         form += '<td><input type="text" class="form-control" name="donate[price]" id="price_'+ data.custom +'"  value="" /></td>';                         form += '<td>';                         form += '<select name="settings[pricetype]" id="pricetype_'+ data.custom +'" >';                         form += '<option value="credits" selected="selected">credits</option>';                         form += '<option value="wcoin" >wcoin</option> ';                         form += '</select> ';                         form += '</td>';                         form += '<td>';                         form += '<select name="settings[status]" id="status_'+ data.custom +'" >';                         form += '<option value="1" selected="selected">on</option> ';                         form += '<option value="1" >off</option> ';                         form += '</select> ';                         form += '</td>';                         form += '<td><a href="#" class="bg-green" id="save_'+ data.custom +'">save</a> / <a href="#" class="bg-red" id="remove_'+ data.custom +'">remove</a></td></tr>';                         $('#paypal_packages_table').append( form ); 

my ajax post :

save_paypal_package: function (unique_id) {          var package_name    = $('#package_name_'+unique_id).val();         var currency        = $('#currency_'+unique_id).val();         var money           = $('#money_'+unique_id).val();         var price           = $('#price_'+unique_id).val();         var pricetype       = $('#pricetype_'+unique_id).val();         var status          = $('#status_'+unique_id).val();         $.ajax({             type: 'post',             url: muonlinewebs.base_url + 'admin-cp/save_paypal_package',             data: {'type': 'save_paypal_package', unique_id : unique_id, package_name : package_name, currency:currency,money:money,price:price,pricetype:pricetype,status:status},             datatype: 'json',             beforesend: function () {                 app.display_loader();             },             complete: function () {                 app.hide_loader();             },             success: function (data) {                 if(data.session)                 {                     app.notifier_box(data.response, data.type, data.error);                     settimeout(function ()                      {                         location.href = muonlinewebs.base_url + 'logged-in';                     }, 3000);                 }                 else                 {                     if (data.error) {                         app.notifier_box(data.response, data.type, data.error);                     }                     else                      {                         app.notifier_box(data.response, data.type, data.success);                     }                 }                }         });     } 

step 1 : loaded page -> https://snag.gy/drzaq4.jpg step 2 : add new line -> https://snag.gy/xhkjsn.jpg

i can post values current packages loaded page. dynamicly added new lines returns nothing. ideas?

thanks in advance

you seem have naming scheme each element id. why not

document.getelementbyid(// id).value; 

?


Comments

Popular posts from this blog

serialization - Convert Any type in scala to Array[Byte] and back -

matplotlib support failed in PyCharm on OSX -

python - Matplotlib: TypeError: 'AxesSubplot' object is not callable -