选择并单击按钮时如何重定向URL

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

Answer 1

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> 

Answer 2

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.