Использование выпадающего меню ajax более одного раза на странице - PullRequest
0 голосов
/ 25 апреля 2020

Я хочу вставить этот код на мой сайт 3 раза с другой ссылкой. В настоящее время это работает только тогда, когда я делаю это один раз. Чтобы попытаться прояснить ситуацию, у меня есть 3 плана, затем у вас есть выбор между США и Великобританией, при выборе США или Великобритании он меняет ссылку.

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

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#basic_plan').change(function(e) {
    var an = $(this).val();
    switch(an){         

case "us": $('.pt-footer a').attr('href',"/clients/cart.php?a=add&pid=01"); break;
case "uk": $('.pt-footer a').attr('href',"/clients/cart.php?a=add&pid=02"); break;
            /* and so on*/
        }
});
});
</script>
</head>
<body>
<div class="dropdown-plans" style="text-align: center;">
<select id="basic_plan" name="bill_cycle">
<option value="us"> US </option>
<option value="uk"> UK </option>
</select>
</div>                
                        <div class="pt-footer" style="text-align: center;">
                            <a href="/clients/cart.php?a=add&pid=01" class="btn btn-custom-reverse">Buy Now</a>
                        </div>
                    </div>```
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...