Перейти на другой URL при нажатии кнопки

Question

Мне нужно создать HTML-код, в котором, если пользователь выбирает элемент из выпадающего списка и нажимает кнопку, он переходит к соответствующей ссылке.

<select name="myList">
<option value="Google" />Google
<option value="yahoo" />yahoo
<option value="Ask" />Ask
</select>

, если пользователь выбирает Google из выпадающего списка инажмите кнопку, тогда страница должна быть перенаправлена ​​на www.google.com , и если она выберет Yahoo и кнопка щелчка должна перейти на www.yahoo.com

Я быхотел бы упомянуть, что мне нужна кнопка в этом сценарии.Я не хочу переходить на соответствующий сайт в выпадающем списке. Только после нажатия кнопки.

Заранее спасибо.

Answer 1

HTML:

<select name="myList" id="ddlMyList">
    <option value="http://www.google.com">Google</option>
    <option value="http://www.yahoo.com">Yahoo</option>
    <option value="http://www.ask.com">Ask</option>
</select>

<input type="button" value="Go To Site!" onclick="NavigateToSite()" />

JavaScript:

function NavigateToSite(){
    var ddl = document.getElementById("ddlMyList");
    var selectedVal = ddl.options[ddl.selectedIndex].value;

    window.location = selectedVal;
}

Вы также можете открыть сайт в новом окне, выполнив следующее:

function NavigateToSite(){
    var ddl = document.getElementById("ddlMyList");
    var selectedVal = ddl.options[ddl.selectedIndex].value;

    window.open(selectedVal)
}

Какпримечание: ваши теги параметров не отформатированы должным образом.Никогда не следует использовать ярлык <... />, если тег содержит контент.

Answer 2

Сначала измените значения параметра на URL-адрес, на который вы хотите настроить таргетинг:

<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.ask.com">Ask</option>

Затем добавьте идентификатор для выбора, чтобы вы могли выбрать его:

<select name="myList" id="myList">

Наконец, добавьте метод onclick к элементу управления select для обработки перенаправления:

<input type="button" onclick="document.location.href=document.getElementById('myList').value">

Answer 3

<select name="myList">
    <option value="http://www.google.com">Google</option>
    <option value="http://www.yahoo.com">Yahoo</option>
    <option value="http://www.ask.com">Ask</option>
</select>

<input type="button" onclick="window.location=document.myList.value" />

Answer 4

Используя JavaScript, вы можете прикрепить событие onclick к кнопке. В обработчике событий вы можете использовать оператор if, чтобы проверить, какое значение было выбрано в списке select, и использовать window.location, чтобы перенаправить пользователя на соответствующий URL-адрес.

Я бы предложил изменить value элементов option на требуемый URL-адрес, и затем вы можете просто получить значение и перейти к этому URL-адресу вместо того, чтобы проверять, какой параметр был выбран.

Answer 5

onclick()="window.location.href='page.html'"