Выпадающий список в Joomla

Я использую Joomla 3.6.5 и хочу сделать выпадающий список на странице моего веб-сайта Joomla.

мой сценарий таков:

У меня есть 48 состояний, пользователь должен щелкнуть его состояние в списке, и тогда он будет перенаправлен на другую страницу, которая описывает содержание, касающееся его состояния.

Посмотрев в Интернете, я нахожу расширение SobiPro, но в нем всего 30 ссылок, не более.

Я новичок в Joomla, и я не знаю, как это сделать.

Пожалуйста, помогите мне решить мою путаницу.

1 ответ

Вот общее решение, которое вы можете использовать на любом сайте: https://codepen.io/panchroma/pen/pPQbxg

У меня это хорошо работает на сайте Joomla.

Добавьте этот javascript на свою страницу

<script language="JavaScript" type="text/javascript">
    function ChangeUrl(form) {
        if (form.State.selectedIndex != 0) {
            var url;
            url = form.State.options[form.State.selectedIndex].value;
            window.open(url, '_self');
        }
    }
</script>

Затем вручную создайте свою форму

<form>
    <select name="State" onchange="ChangeUrl(this.form)">
        <option selected="selected" value="">Choose you State</option>
        <option value="#state1">state1</option>
        <option value="#state2">state2</option>
        <option value="#state3">state3</option>
    </select>
</form>  

Надеюсь это поможет!

Другие вопросы по тегам