1

我有一张表，其中有一列是 QuestionText，行可以是 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

让我一步一步告诉你。首先创建一个javascript数组

2.每次点击获取该行的id并将其放入javascript数组中。

3.然后当单击下一个按钮时，使用一个循环，其中来自 javascript 数组的所有 id 将获取行或任何类型的数据并创建表行，将每个 id 数据放入行中。

于 2012-04-10T09:05:53.183 回答