Multiple Java Script In One Page Error

I have this code that is working originally: Please SelectSolution 1: As suggested in Comments, you made mistakes in your code;1.Binding change function with wrong selector id $("#Name2").change(function(){ Copyand the HTML is<select name="Name" required class="form-control" id="Name"> CopyShould be $("#Name").change(function(){ it will fix the problem Undefined selname at line 52.Name Ajax Method success functionsuccess: function(data) { $("#Schedule2").html(dataname); } CopyShould be $("#Schedule2").html(data);And in PHP; credit goes to @j08691change $selDate$selDate = $_POST['selname']; Copyto $selname$selname = $_POST['selname']; $sql="SELECT * FROM clinic.appoint WHERE name='$selname'"; CopyAs you said in question, your first Ajax Call is working fine and you are facing problem in 2nd Ajax call method, after fixing above mistakesHTML<th><selectname="Name"requiredclass="form-control"id="Name"><optionvalue="">Please Select Name</option><?php$sql3="SELECT * FROM clinic.appoint GROUP BY name"; $result3 = mysqli_query($con, $sql3) ordie($sql3."<br/><br/>".mysql_error()); while($rows3=mysqli_fetch_array($result3)){?><optionvalue="<?phpecho$rows3['name'] ?>"><?phpecho$rows3['name'] ?></option><?php } ?></select></th>CopyAJAX$(document).ready(function(){ $("#Name").change(function(){ var selname =$(this).val(); display_name(selname); }); // This is the function...functiondisplay_name(selname) { $("#scheduleName").html(selname); var dataString = 'selname='+ selname; $.ajax({ type: "POST", url: "getdatabyname.php", data: dataString, cache: false, success: function(data) { $("#Schedule").html(data); } }); } }); CopyPHP<?phprequire_once ('../include/global.php'); if($_POST['selname']) { $selname = $_POST['selname']; $sql="SELECT * FROM clinic.appoint WHERE name='$selname'"; $result = mysqli_query($con, $sql) ordie($sql."<br/><br/>".mysql_error()); while($rows=mysqli_fetch_array($result)){ ?><tr><tdscope="row"><?phpecho$rows['time'] ?></td><tdscope="row"><?phpecho$rows['name'] ?></td><tdscope="row"><?phpecho$rows['date'] ?></td><tdscope="row"><formaction='/clinic form/appoint/delete.php'=<?phpecho$rows['id']; ?>' method="post"><inputtype="hidden"name="id"value="<?phpecho$rows['id']; ?>"><inputtype="submit"name="submit1"value="Done"></form></td></tr><?php } } ?>Copy(OP reached me via email and explained what he is trying to do) Now, you are fetching result by 2 different <select> element using Ajax and trying to show the result based on <select> element and in both Ajax calls success: function you are targeting 2 different id's to show the data for each <select> Ajax call e.g//For Date Result $("#Schedule").html(data); //For Name Result $("#Schedule2").html(data); CopyI would suggest to use the same id selector in both Ajax calls success: function to show the data$("#Schedule").html(data); CopyBy doing so, when you switch between select element, to show the data, it will replace the first fetched data.Last, I totally agree with @Jared Smith what he said about mixing PHP and JavaScript, it's really not good practice. Share Post a Comment for "Multiple Java Script In One Page Error" Top Question Firefox, Chrome, Safari Have Grey Background For Mp4 Html5 Video Any video (that I can make) with a white background becomes… Red Border Still Appears On Inputs After Resetting An HTML 5 Form Firefox I have an HTML 5 form! Great, I'm excited! I decide to … Svg Animation And Firefox I'm struggle with SVG animation drawing, which is work … How To Save Html5 Geolocation Data To Python Django Admin? Is it possible to save the javascript html5 geolocation lat… How To Hide/show Tabs Using Jquery I have four tabs.On loading only the first tab is opened an… Form To Iframe Submission - How Do You Reset The Form After File Upload? I have a form that submits the results to an iframe. The su… How To Limit The Html Table Records In Each Page I am populating a table in my jsp which has more than 20 re… How To Display A Python String As Html In Jupyter Notebook In IPython notebook, I used to be able to display a python … How To Add Placeholder Field?

I've been trying to add placeholder in input type='…