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
Post a Comment