Скопировать значение ячейки из таблицы в текстовое поле - PullRequest
2 голосов
/ 21 сентября 2010

У меня есть следующая таблица.Я хочу скопировать значение Id выбранной строки в текстовое поле.Если я нажму на ссылку «Выбрать» в первой строке, значение текстового поля будет 0001.

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

<div>
    <input id="selectedId" type="text" />
  </div>

  <table cellspacing="1" class="tablesorter" id="nameList">
    <thead>
      <tr>
        <th class="header">Name</th>

        <th class="header">Id</th>

        <th class="header">Gender</th>

        <th>Select</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td>Akom Smith</td>

        <td>0001</td>

        <td>M</td>

        <td><a href="#" class="click-to-select">Select</a></td>
      </tr>

      <tr>
        <td>Amara Sahara</td>

        <td>0002</td>

        <td>F</td>

        <td><a href="#" class="click-to-select">Select</a></td>
      </tr>

      <tr>
        <td>John Lache</td>

        <td>0003</td>

        <td>M</td>

        <td><a href="#" class="click-to-select">Select</a></td>
      </tr>
    </tbody>
  </table>

Ответы [ 2 ]

4 голосов
/ 21 сентября 2010

попробуйте это,

$('a.click-to-select').click(function() {
    var id = $(this).closest('tr').find('td').eq(1).text();
    $('#selectedId').val(id);
    return false;
});​

простая классная демка

добавлены примечания к комментарию ниже.

$('a.click-to-select').click(function() {
    var id = $(this).closest('tr').find('td.id').text();
    $('#selectedId').val(id);
    return false;
});​

обновленная демоверсия

0 голосов
/ 21 сентября 2010

Ну, вы знаете, ваш ключ - второй тд в ряду. Вы можете использовать селектор: nth-child следующим образом:

<script type="text/javascript">
var getUniqueId = function() {
     return $('td:nth-child(2)').text();
}
</script>

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

В противном случае я бы поместил атрибут id в каждую строку, чтобы облегчить выбор.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...