HTML-форма с флажками и редактируемыми полями ввода - PullRequest
Новая
       2

HTML-форма с флажками и редактируемыми полями ввода

0 голосов
/ 19 февраля 2012

Позвольте мне попытаться описать, что я пытаюсь сделать:

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

Форма будет содержать следующее: Для каждой выбранной строки уникальный идентификатор и количество будут отправлены на сервер.

Я могу каким-то образом представить, используя javascript, чтобы «активировать», какие строки будут отправлены, но я не могу обернуться вокруг решения для объединения пары UID + Qty.

Любые предложения приветствуются!

Спасибо.

Ответы [ 2 ]

0 голосов
/ 19 февраля 2012

Если ваш серверный язык поддерживает это, я бы рекомендовал использовать синтаксис массива. например, 

<tr>
 <td>
  <input type="checkbox" />
 </td>
 <td>
  <span>NAME</span>
 </td>
 <td>
  <input type="text" name="qty[5]" value="10" />
 </td>
</tr>

Тогда серверному языку нужно будет просто пройти через массив POSTed qty, где индекс - это UID, а значение - количество. Эта модель может быть расширена так: 

<tr>
 <td>
  <input type="checkbox" />
 </td>
 <td>
  <input type="text" name="name[5]" value="Name" />
 </td>
 <td>
  <input type="text" name="qty[5]" value="10" />
 </td>
</tr>
0 голосов
/ 19 февраля 2012

Вы можете сделать такую ​​форму: 

<?php
$width = 10; 
$height = 5;
echo '<form ...>';
echo '<table>';
for($i=0;$i<$height;$i++){
    echo "<tr>";
    for($j=0;$j<$width;$j++){
    echo <td>';
    echo '<input type="checkbox" name="'.$i.'x'.$j.'" />';
    echo '<input type="text" name="'.$i.'x'.$j.'value" value="la valeur" />';
    echo '</td>';
    }
    echo '</tr>';
    }
echo '</table>';
echo '<submit...>';
echo '</form>';

А затем в части обработки вы можете выполнить два цикла, проверяя, установлен ли флажок, и обновите значение, если оно

...