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

Question

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

Моя таблица 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 
}); 

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

Answer 1

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

Answer 2

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