让选择国家工作

Question

我希望这样一来，当一个人点击他的国家后，他就会被重定向到我网站的子域名。您可以在www.test.answercup.com上看到它，但是当我选择国家时没有任何反应。我想这样做，以便当他点击他的国家时，该页面被重定向到相应的子域。我该怎么做？

我使用的代码 -

<div class="container2"> 
    <span class="select">
        <select>
            <option value disabled selected>Select country</option>
            <option value="be">Sri Lanka</option>
            <option value="ne">Pakistan</option>
        </select>
    </span>
</div>

Answer 1

使用 onchange event 作为选择框

<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>
</select>

或

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<select id="selectbox" name="">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>
</select>

<script>
$(function(){
    $("#selectbox").change(function()
    {
        document.location.href = $(this).val();
    });
});
</script>