Jquery - получить значение заголовка таблицы из строки, содержащей поле с конкретным значением, из события нажатия кнопки

Question

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

Мой стол class = "views-table" по сути выглядит так:

header1 | header2 | header3 | header 4
--------------------------------------
select    select    select   select
data1     data2     data3    data4 

[submit button]

Мой выпадающий class="request-select" Элемент содержит следующие значения:

select list:
  -empty
  -FIRST
  -SECOND

Поэтому после того, как пользователь выберет первое значение, таблица должна выглядеть следующим образом:

header1 | header2 | header3 | header 4
--------------------------------------
select    FIRST    select   select
data1     data2     data3    data4 

[submit button]

И данные, которые я ожидаю после того, как пользователь нажимает кнопку "Отправить": header2 а также FIRST

Я могу получить значение заголовка таблицы из change событие из выпадающего списка с:

jQuery('table.views-table').on('change', 'td', function(e) {  
    var tableHead= e.delegateTarget.tHead.rows[0].cells[this.cellIndex];
    alert([jQuery(tableHead).text()]);  
    // returns `header2` from dropdown with `FIRST` value selected
});

Но я не могу понять, как развернуть и получить доступ к этим данным с помощью кнопки отправки. Я не хочу использовать скрытый элемент или использовать localalstorage. Любые идеи о том, как я должен подходить к этому? Я очень неопытен с jQuery. Если вам нужна дополнительная информация, пожалуйста, дайте мне знать, и я могу предоставить более подробную информацию, если это необходимо.

Answer 1

Одним из подходов будет предоставление связанных идентификаторов вашим заголовкам и выбор тегов. Например, вы можете предоставить идентификаторы типа "select-1", "select-2"... для ваших выпадающих меню. Точно так же вы должны предоставить идентификаторы для тегов заголовка, таких как "thead-1", "thead-2"..., Теперь при отправке события click, проверьте, какое значение раскрывающегося списка было изменено (value!=""), А затем захватите последняя цифра этого выпадающего ID. Теперь вы можете использовать эту цифру, чтобы получить значение уважаемого заголовка.

Answer 2

Если вы можете получить указатель на индекс ячеек, то вы можете получить его значение с помощью.val(), а не.text().