Clicking the checkbox should display the Full Name:
input type="text" id="demonum" size="05">
<button type="button" onclick="load_doc()">click</button><br><br>
<input type="checkbox" id ="check" >
The route results are as follows:
function load_doc(){
$(document).ready(function(){
var stId = document.getElementById('demonum').value;
//
URL1 = `http://localhost:8082/students/${stId}`;
URL2 = `http://localhost:8082/getFullStudentDetails/${stId}`;
$.get(URL2,function(responseText){
$("#indexno").text(responseText.ID);//this came from URL1
$("#pname").text(responseText.Name);//this came from URL1
$("#pgrade").text(responseText.Grade);//this came from URL1
$("#fullname").text(responseText.pName); //this came from URL2
});
});
}
- Here is how it works!
- "demonum" is a textbox where the ID number is entered and stored in the stID variable.
- It then combines with URL1 & URL2.
- The results are displayed based on the entered ID number.
- The details are linked using the following IDs,
- $("#indexno")
- $("#pname")
- $("#pgrade")
- $("#fullname")
When entering ID number 1, it displays ID, Name, Grade based on $.get(URL,function(responseText) if the URL was changed to URL2, it would display ID, Name, Grade, and Full name.
- I now want to achieve this...I believe I need to use URL2 because it contains ID, Name, Grade, and Full Name. Can you confirm based on the example provided?
For example, if I receive URL1, it should display ID, Name, and Grade. When I click the checkbox, it should then display the Full Name.