1

私はQuestionTextである1つの列を持つ行の束を持つテーブルを持っています、行はユーザーがテーブルに追加する行の数に応じて1〜20行の間の任意のものにすることができます。

これが私のテーブルです:

<table id="CustomPickedTable" class="box-style2">
        <thead><tr><th>Choosen Questions</th></tr></thead>
        <tbody>
         <tr><td data-row="2">Choosen Data</td></tr>
         <tr><td data-row="1">Choosen data</td></tr>
        </tbody>
</table>

テーブルにデータがある行は、ユーザーが別のJqueryコードによって追加/削除できます。

ユーザーがテーブル内で必要な行を選択したら、ユーザーは次のボタンをクリックします。このクリックイベントで、テーブル内のすべての行がmaby<p>で表示され、その下に読み取り専用のテキストエリアが表示されます。ユーザーにはプレビューのように表示され、表のように順序付けされている必要があります。

これどうやってするの?

4

2 に答える 2

2

これは私がそれをする方法です

HTML

<table id="CustomPickedTable" class="box-style2">
    <thead><tr><th>Choosen Questions</th></tr></thead>
    <tbody>
    <tr><td data-row="2">Choosen Data</td></tr>
    <tr><td data-row="1">Choosen data</td></tr>
    </tbody>
</table>
<input type="button" value="Preview" onclick="preview()" />
<hr />
<div id="test">
</div>​

Javascript

function preview(){
    $('#CustomPickedTable tbody tr td').each(function(){ 
        $('#test').append('<p>'+$(this).text()+'</p><textarea disabled="disabled"></textarea>');    
    });
}​

または、ここで私のサンプルを参照してください

于 2012-04-10T09:16:43.610 に答える
0

ステップバイステップで説明しましょう1.最初にjavascript配列を作成します

2.クリックするたびに、その特定の行のIDを取得し、javascript配列に配置します。

3.次に、[次へ]ボタンをクリックすると、javascript配列のすべてのIDが行または任意の種類のデータを取得し、各IDデータを行に配置するテーブル行を作成するループを使用します。

于 2012-04-10T09:05:53.183 に答える