0

コントローラーをセットアップしていて、ビューにいくつかの情報を含むテーブルが含まれています。jspページで送信ボタンが押されたときに、コントローラーでその情報を処理できるように、テーブルの2番目の列から情報を取得したいと思います。テーブルの行は2から100まで変化する可能性があるため、行数に関係なく2番目の列から値を取得できるものを探していました。tdクラスのurltextから情報を抽出したい。調べてみましたが、これに関連する情報が見つからなかったので、アイデアをいただければ幸いです。ありがとう。

<table name="urlTable" id="urlList"  style="width:100%; overflow: scroll;">
<tr>
    <th>Select</th>
    <th>URL</th>
</tr>
<c:forEach var="urlList" items="${command.urlList}">
<tr>
    <td><input type="checkbox" name="chk"/></td>
    <td class="urlText"><input class="urlValue" type="text" value="${urlList}" style="font-size: 13px; border: none;" size="85px;" readonly="readonly"/></td>
</tr>
</c:forEach>
</table>
4

2 に答える 2

0

thead必要に応じてtbody要素を使用することから始めましょう。

<table name="urlTable" id="urlList"  style="width:100%; overflow: scroll;">

    <thead>
        <tr>
            <th>Select</th>
            <th>URL</th>
        </tr>
    </thead>
    <tbody>
        <c:forEach var="urlList" items="${command.urlList}">
        <tr>
            <td><input type="checkbox" name="chk"/></td>
            <td class="urlText"><input class="urlValue" type="text" value="${urlList}" style="font-size: 13px; border: none;" size="85px;" readonly="readonly"/></td>
        </tr>
        </c:forEach>
    </tbody>

</table>

次に、の各行の2番目の列をターゲットにしtbodyます。をターゲットにしていると思いますinput。

var inputs = $("#urlList > tbody > tr > td:nth-child(2) > input");

この時点で、入力をどのように処理するかわかりません。値の配列が必要な場合は、これを実行します。

var vals = inputs.map(function() { 
                         return this.value; 
                      }).toArray();
于 2012-10-01T16:34:20.180 に答える
0

あなたはこれを試すことができます：

var values = [];
$('#urlList .urlvalue').each(function(){
    var val = $(this).val();
    values.push(val);
});

配列値には、テーブルからのすべての入力値が含まれます。

于 2012-10-01T16:36:31.387 に答える