how can i add info to a DB with php when its being dynamically added with javascript? -


i have page adds checkboxes dynamically javascript when hit add button, on every add of checkbox page want save database . im not sure how go doing maybe ajax , php? know how make insert matter of getting call function on every add.

javascript

$(document).ready(function() { $('#btnsave').click(function() {     addcheckbox($('#txtname').val());      txtname.value=""; });  $("#remove").click(removecheckbox); $("#save").click(myfunction); });  function addcheckbox(name) {  var container = $('#cblist');  var inputs = container.find('input');  var id = inputs.length+1;    $('<input />', { type: 'checkbox', id: 'cb'+id, value: name }).appendto(container);  $('<label />', { 'for': 'cb'+id, text: name }).appendto(container);  $('<br/>').appendto(container) } 

html/php

    $username = "root";     $password = "";    $hostname = "localhost";       $database = "mydb";       $conn = mysqli_connect($hostname, $username, $password, $database);        ?>         <div id="cblist">         </div>      <input type="button" value="add checkbox" id="btnsave" /> 

try way:

jscript (jquery)

<script type="text/javascript">     function addcheckbox(name) {         var container = $('#cblist');         var inputs = container.find('input');         var id = inputs.length+1;          $('<input />', { type: 'checkbox', id: 'cb'+id, value: name }).appendto(container);         $('<label />', { 'for': 'cb'+id, text: name }).appendto(container);         $('<br/>').appendto(container);          //some changes - start         var newcheckbox = '<input type="checkbox" id="cb' + id + '">';          $.ajax({             url: '/test.php',             type: 'post',             data:{                 newcheckbox:newcheckbox             },             success: function(){                 alert('ok');             }         });         //some changes - end      }       $(function(){         $('#btnsave').click(function() {             addcheckbox($('#txtname').val());              txtname.value="";         });          $("#remove").click(removecheckbox);         $("#save").click(myfunction);     }); </script> 

test.php

header('content-type: text/html; charset=utf-8');  $newcheckbox = $_post['newcheckbox'];  /*  * here's server-side code.  */ 

Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -