Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru Стол заказов Как сделать переход на определенную страницу при условии разных выборов кнопок

Как сделать переход на определенную страницу при условии разных выборов кнопок


 onneuha    03.08.2013    Стол заказов    1909    3

Как сделать так, чтобы при выборе разных кнопок был переход на разные страницы. Хорошо заплачу за помощь. Сейчас ниже все опишу:

Допустим есть такая форма обмена денежных средств:

Я хочу обменять:

WebMoney
Яндекс Деньги
Сбербанк
Приватбанк

на

WebMoney
Яндекс Деньги
Сбербанк
Приватбанк


После, пользователь выбирает например "WebMoney" на "Яндекс Деньги", после чего снизу появляется кнопка (ну или импут становится активным) с ссылкой на страницу например /wm-yad.html

Ну а если пользователь выбирает "WebMoney" на "Приватбанк", то ему предлагают перейти на страницу /wm-sber.html

И так далее со всеми вариантами.
Кто подскажет как, поможет, ну а если вообще сделает вариант и скажет как дальше дополнять др. вариантами, если самому не понятно будет, особенно отблагодарю.

Хорошо заплачу за помощь.

Комментарии пользователей (3)

Sander
1126

1637 | 1204

Sander - 4 августа 2013 02:16 - Эксперт

Получается, что подобный текст будет для каждого варианта комбинаций, т.е.:
WM-ЯД ........ /wm-yad.html
WM-СБ ........ /wm-sb.html
WM-ПБ ........ /wm-pb.html
ЯД-WM ........ /yad-wm.html
ЯД-СБ ......... /yad-sb.html

и т.п.

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

onneuha
4

33 | 5

onneuha - 4 августа 2013 11:18 - Юзер


Sander, да верно. Но также будет большой список других систем и на каждую нужно будет так сделать.

rogodessa
3

rogodessa - 5 августа 2013 23:40 - Юзер

Почему бы не использовать JS
например так:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    
    $("#forma").change(function() {
        $("select[id^='pay']").each(function() {
            var pay_method = $('[id=pay_select1]').val();
            pay = pay_method;
            });
        $("#go_link").attr('href', pay).css("display", "").removeClass("none");
        $("#link").html("http://domen.ru/"+pay);
        $("#test_text").removeClass("none");
    });
  
  });
</script>
<style>
.none {display: none;}
</style>
<head>
<body>
<div style="margin-top:15%; margin-left:40%;">
Сделайте свой выбор<br><br>
<form id="forma">
<select id="pay_select1">
<option value="none" selected="selected">Выберите способ оплаты</option>
<option value="wm.html">WebMoney</option>
<option value="yad.html">Яндекс Деньги</option>
<option value="sbb.html">Сбербанк</option>
<option value="pb.html">Приватбанк</option>
</select>
</form>
<a href="" id="go_link" class="none">КУПИТЬ</a>
<br><br>
<div id="test_text" class="none">Текуший адрес ссылки: <span id="link"></span></div>
</div>
</body>
</html>


Пример работы можно посмотреть здесь

Чтобы комментировать - войдите или зарегистрируйтесь на сайте