VPF::HTML форма => ЧПУ - Форум программистов

Rikkit

Дата 19.7.2011, 11:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 19.7.2011

Репутация: нет
Всего: нет

Есть HTML форма:

Код


<form action="/admin/catalog" method="GET">
    Выберите каталог
    <select name="cat">
        <option value="2154">AC </option>
        ....
    </select>
    <input type="submit" value="Выбрать"/>
</form>

При нажатии Выбрать откроется страница /admin/catalog?cat=2154
Нужно чтоб открывалась /admin/catalog/2154

Есть ли способы сделать это?
Javascript не хочется использовать, т.к. у меня много подобных форм.
Редиректы и реврайты не так плохо, но тоже хотелось бы без них.

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

iff

Дата 19.7.2011, 12:19 (ссылка)

(нет голосов)

Загрузка ...

Администратор

Профиль
Группа: Участник
Сообщений: 949
Регистрация: 23.3.2007

Репутация: нет
Всего: 16

Код


<form action="/admin/catalog" onsubmit="document.location.href = this.action + '/' + this.cat.value; return false;">
    Выберите каталог
    <select name="cat">
        <option value="2154">AC </option>
        ....
    </select>
    <input type="submit" value="Выбрать"/>
</form>

Добавлено через 2 минуты и 39 секунд

Цитата(Rikkit @ 19.7.2011, 11:06

)

много подобных форм

Вот скрипт, который заставит все формы работать так.

Код


window.onload = function () {
    for (var i = 0; i < document.forms.length; i++) {
        document.forms[i].onsubmit = function() {
            document.location.href = this.action + "/" + this.cat.value;
            return false;
        };
    };
};

Этогт скрипт можно записать в отдельный файл и подключить к web-страницамъ

Можно например добавить свойство class к форме, и делать условие что-бы отличить данные формы выбора каталога от других

--------------------

DOS... Синей пеленой экран заполнил чистый DOS
Мышь... Стала вдруг квадратной, потеряла форму мышь...
Я разбил окно, девяностопятое мастдайное окно,
И поставил DOS, и тогда увидел: Это счастье, — вот оно.

Rikkit

Дата 19.7.2011, 12:33 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 21
Регистрация: 19.7.2011

Репутация: нет
Всего: нет

Цитата(iff @ 19.7.2011, 12:19)

Код


<form action="/admin/catalog" onsubmit="document.location.href = this.action + '/' + this.cat.value; return false;">
    Выберите каталог
    <select name="cat">
        <option value="2154">AC </option>
        ....
    </select>
    <input type="submit" value="Выбрать"/>
</form>

Добавлено @ 12:22

Цитата(Rikkit @ 19.7.2011, 11:06

)

много подобных форм

Вот скрипт, который заставит все формы работать так.

Код


window.onload = function () {
    for (var i = 0; i < document.forms.length; i++) {
        document.forms[i].onsubmit = function() {
            document.location.href = this.action + "/" + this.cat.value;
            return false;
        };
    };
};

Этот скрипт можно записать в отдельный файл и подключить к web-страницамъ

Можно например добавить свойство class к форме, и делать условие что-бы отличить данные формы выбора каталога от других

Благодарю, это вполне приемлемый вариант

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »