html- change link on button from javascript function?

Question

OVERVIEW:

I'm coding a HTML page to display a dropdown menu and based on the option selected some input fields will be enabled and some disabled, but to do this I used the value field for (value="production_report"), and therefore I can't use it to add the line (value="index.html"), so when my button "build report" is clicked it loads the link (index.html).

QUESTION:

so I'm adding into my JavaScript function an onClick method to load the link when the button is pressed in my HTML form. So my question is, Is it possible to use an onClick() function like this???(Code below), and how would I do this???, I've tried the below. Any help would be much appreciated thanks.

JavaScript FUNCTION:|
---------------------
if (comp.value == 'production_report') {;          
        document.getElementById("build").onclick("location.href='index.html'");
}
else if (comp.value == 'please_select') {;
       document.getElementById("build").onclick("location.href='home.html'");
}

HTML Button code: |
-----------------
<input type="button" value="Build Report" onclick="???" id="build">

tymeJV · Accepted Answer · 2013-10-02 15:17:46Z

1

You need an actual function to execute onclick

if (comp.value == 'production_report') {;          
    document.getElementById("build").onclick = function() {
        location.href='index.html';
    }
}
else if (comp.value == 'please_select') {;
   document.getElementById("build").onclick = function() {
       location.href='home.html';
   }
}

answered Oct 2, 2013 at 15:17

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

Comments

federicot · Accepted Answer · 2013-10-02 15:18:54Z

1

Actually, the syntax is incorrect. It should be

document.getElementById('build').onclick = function () {
    location.href = THE LOCATION;
}

Also, you have a semi-colon after the opening bracket of the if statement, which will cause your script to fail.

if (comp.value == 'production_report') {;
                                        ^

answered Oct 2, 2013 at 15:18

federicot

12.3k19 gold badges71 silver badges111 bronze badges

1 Comment

Conor Caslin Over a year ago

Thanks for that fedeetz. The semi-colon was just a typo, but I did miss it, thank you for that also. Works perfect. :)

Collectives™ on Stack Overflow

html- change link on button from javascript function?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related