jQuery Bootstrap Ajax PHP Autocomplete Example
jQuery Bootstrap and Ajax PHP Autocomplete Example In this tutorial, I will tell you how to implement multiple input tags with dynamic data from MySQL database table using jquery plugin …
jQuery and PHP get user Geo Location
jQuery and PHP get user geo location address It will works in localhost without https but in live server it will works with https only. You can download code files …
Javascript ajax making cross-domain request
One thing I’ve seen experienced JavaScript developers struggle with is making cross-domain requests. Libraries like jQuery will handle all of the complexities of this and gracefully degrade to other technologies …
jQuery Before changes save goes to another page
Below script is warn user if user goes to another page without saving form data. <form id=”myForm”> <p> <label for=”field1″>field1</label> <input type=”text” name=”field1″ id=”field1″> </p> <p> <label for=”field2″>field2</label> <input type=”text” …
jQuery Reset form fields
To reset form fields bellow function will be used. function resetFunction() { $(“#formID”)[0].reset(); }
jQuery datepicker enable specific dates with color
Below example of datepicker will enable specific dates with green color <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Datepicker Enable Specific …
Read More “jQuery datepicker enable specific dates with color”
jQuery Ajax send form data json request
Below example sends form data into ajax and get response into json data. var data1 = $(‘#form_id’).serialize(); var url = “Path of file or url”; $.ajax( { url:url, method : …
jQuery radio button change event
<script type=”text/javascript”> $(document).ready(function() { $(‘input[type=radio][name=user_role]’).change(function() { var selValue = $(this).val(); alert(selValue); }); $(‘input[type=radio][name=status]’).on(‘change’, function() { switch($(this).val()) { case ‘allot’: alert(“Alloted”); break; case ‘transfer’: alert(“Transfer”); break; } }); }); </script>
jQuery add dynamic row in table
To add dynamic row in table $(‘#addMore_button’).on(‘click’, function() { var data = $(“#tableid tr:eq(1)”).clone(true).appendTo(“#tableid”); data.find(“input”).val(”); }); It will copy first row of table and add last row in table