Выбор значений строки таблицы с помощью jQuery

У меня есть таблица, содержащая раскрывающийся список в каждой строке. Строки не имеют свойства id. Итак, поскольку строка не имеет свойства id, как я могу получить выбранный элемент раскрывающегося списка и значение соответствующего столбца ID. например, если я выбрать элемент из первой строки я хочу значение значения столбца пункта и идентификаторы, т.е. 204.Выбор значений строки таблицы с помощью jQuery

table to be manipulated using jQuery

Это HTML код приведенной выше таблицы

<table class="table-1 gapmb40"> 
    <thead> 
     <tr> 
      <th> 
       Status 
      </th> 
      <th> 
       <a class="sortable" href="">Featured</a> 
      </th> 
      <th> 
      </th> 
      <th> 
       <a class="sortable" href="">Date Modified</a> 
      </th> 
      <th> 
      </th> 
      <th> 
       ID 
      </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td> 
       <select class="input-2" name="2"> 
        <option value="New">New</option> 
        <option selected="selected" value="Live">Live</option> 
        <option value="AccountOnly">AccountOnly</option> 
        <option value="Hide">Hide</option> 
        <option value="Suspended">Suspended</option> 
       </select> 
      </td> 
      <td> 
       <a href="">Feature</a> 
      </td> 
      <td> 
       <a href="">View</a> 
      </td> 
      <td> 
       07/03/2013 
      </td> 
      <td style="display: none"> 
       <a href="">LogOnAs</a> 
      </td> 
      <td> 
       204 
      </td> 
     </tr> 
    </tbody> 
</table>

источник

2013-04-22 kaustubh shukla

показать ваш html. –

дать все, что вам выбрать, выбрать класс ... скажем selectClass и использовать селектор классов jquery.

попробовать это

$('.selectClass').change(function(e){ 
    alert($(this).val()); //gives you the selected value 
    alert($(this).parents('tr').find('td:eq(5)').text()); //gives you the related TD which is 4th column and gets its text 

    //or 
    alert($(this).closest('tr').find('td:eq(5)').text()); 
});

fiddle here

источник

2013-04-22 13:02:09 bipen

, отвечая на этот вопрос, хотя ваш вопрос, скорее всего, будет закрыт ..., пожалуйста, разместите свои соответствующие коды и на свой вопрос .. чтобы другие могли вам помочь ... – bipen

bipen, alert ($ (this) .parent(). . найти ('тд: эк (3)') текст()); возвращает мне пустое значение. –

@kaustubhshukla обновленный попробуйте ... обновленный скрипка тоже .. посмотрите – bipen

Если у вас есть идентификатор таблицы, то вы можете попробовать это ..

$("#tbltable tr").click(function() { 
    var selectedText = $(this).find('select :selected').text(); 
    var ColumnID = this.cells[4].innerHTML.toString(); 
    alert(selectedText + " , " + ColumnID); 
});

источник

2013-04-22 13:13:23

<select onchange=sel_change(this.value,'<%=id%>');></select>

так в яваскрипте функции вы можете получить выбранный значение позиции и идентификатор этой строки

<script> 

    function sel_change(item,id){ 
     alert("selected item "+item+"from the id "+id); 
    } 

</script>

источник

2013-09-02 10:49:42

Выбор значений строки таблицы с помощью jQuery

ответ

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