How to redirect URL when select and click button

Question

How to redirect URL when selectbox selected and click Go button? This is what I just tried.

 <script>
        function goCenter(){
            var addrCenter = $("#selCenter").val();
            location.href = addrCenter;

        }
        </script>
        <select id="selCenter"> 
                    <option value='http://ebay.com' selected="selected">ebay</option>
                    <option value='http://google.com'>google</option> 
                </select>

        <button onchange="goCenter();">go</button>

This is not working to me. Please help

why not onclick event instead of onchange?

A l w a y s S u n n y
– A l w a y s S u n n y

2018-09-14 02:37:47 +00:00
Commented Sep 14, 2018 at 2:37 — A l w a y s S u n n y
– A l w a y s S u n n y, Commented Sep 14, 2018 at 2:37

A l w a y s S u n n y · Accepted Answer · 2018-09-14 02:41:04Z

2

You can try with onclick instead of onchange. Let's try

        function goCenter(){
            var addrCenter = $("#selCenter").val();
            console.log(addrCenter);
            location.href = addrCenter;
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selCenter"> 
                    <option value='http://ebay.com' selected="selected">ebay</option>
                    <option value='http://google.com'>google</option> 
                </select>

        <button onclick="goCenter();">go</button>

answered Sep 14, 2018 at 2:41

A l w a y s S u n n y

38.8k9 gold badges68 silver badges120 bronze badges

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

Comments

andre mcgruder · Accepted Answer · 2018-09-14 02:43:08Z

0

You could do this.

$('button').on('click', goCenter);

function goCenter(){
        var addrCenter = $("#selCenter option:selected").val();
        location.href = addrCenter;
    }

You would not need the “onchange="goCenter();" in the button element.

answered Sep 14, 2018 at 2:43

andre mcgruder

1,5521 gold badge11 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to redirect URL when select and click button

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related