-1

テーブルからテキスト フィールドに入力された値を検索し、そのコードの行にある名前を先頭に追加したいと考えています。

$('#InputCode').blur(function(){
$('#Table tr').find(this).val()
('.NameCell').append('#NameResult')
})

ここで編集：

<table id="Table1" width="306" border="1">
  <tr>
    <th scope="col">Zip</th>
    <th scope="col" class="Names">Names</th>
    </tr>
  <tr>
    <td>0871</td>
    <td>Dan</td>
    </tr>
  <tr>
    <td>0877</td>
    <td>Dan</td>
    </tr>
  <tr>
    <td>0771</td>
    <td>Bonn</td>
    </tr>
  <tr>
    <td>0772</td>
    <td>Conblentz</td>
    </tr>
</table>

<input name="" type="text" id="InputCode">
<div id="NameResult">
</div>

ユーザーが入力フィールドにコードを入力すると、コードに一致する名前を、テーブルから取得した div に追加/先頭に追加する必要があります

4

1 に答える 1

0

このフィドルを試してください

JS コード

$('#InputCode').blur(function () {
    var input = $(this).val();
    $t = $('td').filter(function () {
        return $(this).text() == input
    });
    var res = $t.next().text();
    $('#NameResult').append(res)
})
于 2013-07-23T12:59:28.913 に答える