VPF::Отправка формы по изменению выбранного в <select>

DjoNIK

Дата 25.6.2007, 02:41 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 320
Регистрация: 28.9.2006
Где: Питер/Георгиевск

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

Имеется БД (обработка через PHP), имеющаю определенную иерархию таблиц, необходимо организовать отображение страницы таким образом,
чтобы была ссылка(на следующую страницу с выбраными из БД следующего уровня таблиц), напротив ссылки - radio-переключатель(идентифицирующий
элемент, над которым будут производиться действия). При этом ссылка и radio-переключатель как бы спарены. А в конце выпадающий список, и при его
изменении форма должна быть отправлена с соответствующими значениями.
В принципе у меня есть решение, но оно очень корявое (опыта в JS - нет, использую что знаю ;).

Код


      <table border='0' width='60%' height='1%' cellspacing='0' cellpadding='0'><tr>
         <td>
          Компания <b></b> предлагает покупателю следующий модельный ряд:
         </td>
        </tr>
        <tr>
         <td>
         <form name="rf">
         <table border=5><tr>
           <td border='0' width='20%' height='1%' cellspacing='0' cellpadding='0'>
            <a href="?id=3&mrow=9">987</a>
           </td>
           <td>
            <input type="radio" name="selecting" onClick="document.rf.selecting.value=9">
           </td><tr>
           <td border='0' width='20%' height='1%' cellspacing='0' cellpadding='0'>
            <a href="?id=3&mrow=8">789</a>
           </td>
           <td>
            <input type="radio" name="selecting" onClick="document.rf.selecting.value=8">
           </td><tr>
           <td border='0' width='20%' height='1%' cellspacing='0' cellpadding='0'>
            <a href="?id=3&mrow=7">DFZ</a>
           </td>
           <td>
            <input type="radio" name="selecting" onClick="document.rf.selecting.value=7">
           </td>   </table>
           </form>
         </td>
        </tr>
        <tr>
         <td>
          <select name="choice"  onchange="top.location.href = this.options[this.selectedIndex].value+document.rf.selecting.value;">
           <option value="?action=del&mrow=">Удалить</option>
           <option value="?action=editrow&mrow=">Править</option>
          </select>
         </td>
        </tr>
       </table>

Нет ли иного, более элегантного (а скорее эфективного) способа решения проблемы

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

- Плесни-ка мне холодного кипятку.
- Как кипяток может быть холодным?! Ты, верно, хочешь кипяченой воды?
- Какая ещё кипяченая вода? Не пудри мне мозги - налейхолодного кипятку.
(разговор петербуржца и москвича)

SelenIT

Дата 25.6.2007, 02:55 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

DjoNIK, насколько я понимаю, радиокнопкам здесь вообще не нужен Javascript - вместо onClick="document.rf.selecting.value=8" достаточно просто value="8". А для select-а вполне можно написать просто onchange="this.form.submit()".

Только удобнее, на мой взгляд, не выделять один объект и решать, что с ним делать, а иметь напротив каждого элемента обычную ссылку "Редактировать это" и чекбокс "Выбрать для удаления". А под всеми чекбоксами - кнопку "удалить отмеченные" (типа Submit), чтобы не приходилось удалять записи по одной...

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

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