Как передать значение Label в обработчик формы?

Question

[semki096]

Есть простая форма. Как мне передать методом пост не только имя и содержимое инпута, но и заголовок-label этого инпута?

Answer 1

[Иван Корюков]

Делайте скрытое поле, которое будет содержать текст из label.

Comments

[semki096]

Спасибо вроде вариант. Поищу ещё, может есть способ передать массивом типа name[label]

[Иван Корюков]

Форма отправляет только ту информацию, которая является значением элементов управления - input, select, textarea, button.
Никакой дополнительной информации не отправляется.
Таким образом, если вы хотите передать текст из label, вам придётся сделать соответствующий элемент управления.
Разумеется, вы можете структурировать отправку данных, объединяя значения в массивы. Например: <label>Banana</label> <input name="something[value]" value="ololol"> <input name="something[label]" value="Banana" type="hidden">
Тогда будет вот так
$_POST["something"] == ["value"=>"ololol", "label"=>"Banana"]

Answer 2

[Макар Герасимов]

Автоматизируем решение Ивана с применением jQuery библиотеки:

<form action="#" method="post" class="example">
    <div>
      <label for="one">Тестовое поле 1</label>
      <input type="text" id="one" name="params[name1][value]" value="example 1">
    </div>
    <div>
      <label for="two">Тестовое поле 2</label>
      <input type="text" id="two" name="params[name2][value]" value="example 2">
    </div>
    <input type="submit" value="отправить">
  </form>

var form = $('.example');

form.find('input[type="text"]').each(function(i, data) {
  var label = $(this).parent().find('label').text();
  var name = $(this).attr('name').split('][')[0] + '][label]';
  $(this).parent().append('<input type="hidden" name="'+name+'" value="'+label+'">');
});

На сервере получаете

$_POST['params'][name0..n] {
   "label",
   "value"
}

Посмотреть как работает