select a value from dropdown list in html5 using javascript

Question

I m new here and in HTML.Well I have to select many values from different areas (eg dropdown list, date input type, time input type etc) and compare them with a table. It select the value right,but it appears only for a sec in the screen and then it disappears!It seems that my Chrome refreshes!This is what i ve done till now..

//inside javascript

function Searching() { var a=document.getElementById('movies'); var selMov=a.options[a.selectedIndex].value; var b=document.getElementById('areas'); var selAr=b.options[b.selectedIndex].value; var c=document.getElementById('dat').type='date'; var d=document.getElementById("tim").type='time'; var rows=document.getElementById('dataProgram').getElementsByTagName('tr'); document.getElementById("demo").innerHTML=selMov; }

And i have this <p id="demo"></p> to appear the result.

How is the function called?

Mike Brant
– Mike Brant

2013-01-24 23:12:01 +00:00
Commented Jan 24, 2013 at 23:12 — Mike Brant
– Mike Brant, Commented Jan 24, 2013 at 23:12

epascarello · Accepted Answer · 2013-01-26 03:19:47Z

1

You are not cancelling the event that triggers the function. So the page is reloading.

You need to return false or call event.preventDefault()

Edit:

based on the comment

<button type="submit" id="but" onclick="Searching(); return false;">Search</button>

edited Jan 26, 2013 at 3:19

answered Jan 24, 2013 at 23:11

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

question_1 Over a year ago

i tried with this,but it didn't work.i found this code,with no return false and is ok. <code> <!DOCTYPE html> <html> <body> <p>Click the button to check the age.</p> Age:<input id="age" value="18" /> <p>Old enough to vote?</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var age,voteable; age=document.getElementById("age").value; voteable=(age<18)?"Too young":"Old enough"; document.getElementById("demo").innerHTML=voteable; } </script> </body> </html> <code>

epascarello Over a year ago

How are you triggering the method Searching()?

question_1 Over a year ago

<button type="submit" id="but" onclick="Searching()">Search</button>

epascarello Over a year ago

and that is why. A button does not post back. A submit button does!

question_1 Over a year ago

i add a loop and an if ,to have more than 1 results back.It works,but i want to have the results in radiobuttons so the user can choose only one. Is this possibly?

Collectives™ on Stack Overflow

select a value from dropdown list in html5 using javascript

1 Answer 1

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Related