2014-10-12 2 views
0

У меня есть простая HTML-страница, где у меня будет несколько строк, каждая строка указывает запись в базе данных, у меня есть поля ввода для каждого, а также ссылки в конце, когда я нажимаю на эту кнопку необходимо собрать значения полей ввода в одной строке.Простая обработка дескриптора jQuery

HTML, выглядит следующим образом:

<tr> 
    <td>Name</td> 
    <td><input name="mode_sort"/></td> 
    <td><input name="mode_selected" type="checkbox"/></td> 
    <td><a href="#" onclick="return add_this_mode(this);">Add</a></td> 
</tr> 

Так что я буду писать свой код, чтобы собрать поля ввода на строке, когда я нажимаю «Добавить» ссылку, я не знаю, как передать ток щелкнул селектор и получил значения полей с помощью функции add_this_mode().

+0

возможно дубликат [Получить данные формы с Javascript/Jquery] (HTTP: // StackOverflow .com/questions/2276463/get-form-data-with-javascript-jquery) – webeno

+0

Вы купили jQuery, чтобы «найти» входы этой строки. http://api.jquery.com/find/. Даже с jQuery я бы использовал селектор классов для кнопки add вместо имени функции. – Timo002

ответ

2

Внутри функции вы можете использовать методы маршрутных JQuery изолировать родительскую строку, а затем, чтобы найти элементы в этой строке

function add_this_mode(elem){ 
    /* get parent row */ 
    var $row = $(elem).closest('tr'); 
    /* use find() to get other elements in row */ 
    alert($row.find('[name=mode_sort]').val()); 

} 
Смежные вопросы