When clicking/choosing an option a link specified to that option will proceed

Question

Also here's my code for the regular.html: regular.html

<html>
<head>
    <title>Drop down</title>
</head>
<body>
    <h1>Regular</h1>
    <select>
        <option href="regular.html">Regular</option>
        <option href="contractual.html">Contractual</option>
    </select>
</body>
</html>

And this is for the contractual: contractual.html

<html>
<head>
    <title>Drop down</title>
</head>
<body>
    <h1>Contractual</h1>
    <select>
        <option href="regular.html">Regular</option>
        <option href="contractual.html">Contractual</option>
    </select>
</body>
</html>

please refer [link]http://stackoverflow.com/questions/10175445/load-page-on-selection-from-dropdown-form — Aswathy, Sep 22 '16 at 04:18

score 0 · Answer 1 · answered Sep 22 '16 at 04:19

0

You can try this:

$('select').change(function(){
    var url = $('option:selected', this).attr('href');
    window.location.href = url;
});

answered Sep 22 '16 at 04:19

Lakhan

12,328
3
19
28

Load jquery `` before the code – S M Sep 22 '16 at 04:21
1

thank for your answer. I appreciate your effort. thank you again. :) – Francis Vargas Sep 22 '16 at 04:50
@FrancisVargas : why the reply will be down voted ?. – Lakhan Sep 22 '16 at 05:23
1

other user will down voted your answer, not me. sorry for that. :) – Francis Vargas Sep 23 '16 at 05:48

score 0 · Accepted Answer · answered Sep 22 '16 at 04:23

0

    <h1>Main Page</h1>
    <select onchange="location = this.options[this.selectedIndex].value;">
        <option value="regular.html">Regular</option>
        <option value="contractual.html">Contractual</option>
    </select>

answered Sep 22 '16 at 04:23

S M

3,133
5
30
59

thank you for your answer. it worked perfectly. thanks. :) – Francis Vargas Sep 22 '16 at 04:50

When clicking/choosing an option a link specified to that option will proceed

2 Answers2