Значения формы в элементе списка

Question

Вот сайт макета, над которым я работаю для работы: http://dev.arm.gov/~noensie/dqhands/cgi-bin/explorer. Я по-прежнему новичок в веб-разработке, и мне нужна помощь в размещении значений формы в элементе списка, чтобы перейти на другую страницу.

Я не хотел бы подробно останавливаться на цели этого сайта, но с точки зрения его основного использования, выберите параметры в среднем столбце для запроса и добавьте его в список в правом столбце, нажав на кнопку «добавить запрос», когда она появится. После того, как список будет заполнен, пользователь будет отправлять выбранные запросы, которые направят их на другую страницу на основе выбранных запросов (или добавлены в список, то же самое).

Это последнее предложение, в котором я столкнулся с проблемой. Прямо сейчас, каждый запрос в списке в правом столбце: <li> элементов и присваиваю им значения атрибутов, которые необходимо передать на следующую страницу. Я попытался вставить скрытый ввод с одинаковыми значениями, но я все еще не уверен, как его использовать; Я даже не уверен, что использование скрытого ввода - правильный путь.

Также кнопка «отправить запрос» находится за пределами < Форма > блок. Я собирался использовать javascript и jQuery, чтобы позволить кнопке сериализовать значения в форме < >, но я не знаю, как это сделать.

Вперед и взгляните на мой код javascript (index.js) и убейте меня, или, я имею в виду, код. Это все еще довольно элементарно и коротко (~ 260 строк, это коротко право?). Я буду помогать в решении этой проблемы (по сути, если вы видите какие-либо другие проблемы или лучший способ реализации чего-либо, продолжайте и расскажите об этом); советы, советы, образцы кода или что-то еще, что вы можете внести, будет с благодарностью.

Tri

EDIT: Я использую Python в качестве серверного языка

Answer 1

Вы должны использовать скрытые поля ввода.

Это зависит от того, какого сервера языка стороны вы представляете себе, используя, но я бы пойти на следующие именования схемы для скрытых полей:

request[][site] 
request[][datastream] 
request[][facility] 
request[][date] 

экрана «[]» обозначение помещает данные в массиве (для PHP как минимум). Таким образом, отправленные данные могут быть итеративно следующим образом:

foreach($_POST as $request) { 
    $theSiteForThisRequest = $request["site"]; 
    $theDatastreamForThisRequest = $request["datastream"]; 
    $theFacilityForThisRequest = $request["site"]; 
    $theDateForThisRequest = $request["date"]; 
} 

Попробовать и, если вы можете получить кнопку отправки внутри <form>, но если вы не можете сделать следующее:

$('#yourSubmitButton').bind('click', function() { 
    $('#yourForm').submit(); 
});