function Searching() { document.getElementById('demo').style.visibility= 'visible'; var selectedMovie=document.getElementById("movies").value; var selectedArea=document.getElementById("areas").value; var selectedDate=document.getElementById('date').value; var selectedTime=document.getElementById("time").value; for(var i=1;i<=document.getElementById("dataTable").rows.length;i++) { if((selectedMovie==document.getElementById("dataTable").rows[i].cells[0].innerHTML) &&(selectedArea==document.getElementById("dataTable").rows[i].cells[5].innerHTML) && (selectedDate==document.getElementById("dataTable").rows[i].cells[2].innerHTML) &&(selectedTime==document.getElementById("dataTable").rows[i].cells[1].innerHTML) ) { document.getElementById("demo").innerHTML+="<b>Movie: </b>"+selectedMovie+" <b>Time: </b>"+selectedTime+"<b> Date: </b>"+selectedDate+"<b> Cinema: </b>"+document.getElementById("dataTable").rows[i].cells[3].innerHTML+"<b> Hall: </b>"+document.getElementById("dataTable").rows[i].cells[4].innerHTML+"<b> Area: </b> "+selectedArea+"<br/>"; } } }
and here is the area to display the results
<p id="demo" style="visibility:hidden"></p>
I tried to have radio buttons inside <p> but the radio button didn't connected with the result of javascript. Is there a way to appear radio buttons next to each line of my results or i have to play with css?