Question

用户输入数据然后提交。

如何将提交的数据放入表格的此单元格中，然后隐藏“提交”按钮上的字段单击

<td>
    <input type="text" placeholder="Module Code" class="Event" />
    <input type="text" placeholder="Module" class="Event" />
    <input type="text" placeholder="Room" class="Event" />
    <input id="Submit1" type="submit" value="submit"/>

这是http://jsfiddle.net/fJTr8/

感谢您的帮助

Answer 1

将输入标记放在div中（具有唯一ID）。为每个输入标记和<td>元素分配唯一的ID。然后：

$('#button-id').click(function() {
   $('#div-id').hide();
   $('#td-id').html(/* retrieve the data from the input tags */);
});

Answer 2

你的意思是这样的吗？ http://jsfiddle.net/fJTr8/7/

$('#Submit1').parent('td').css('background-color','red')
$('#Submit1').click(function() {
    var module_code = $('#module_code').val()
    var module = $("#module").val();
    var room = $("#room").val();
   var td ="<td class='"+module_code+"'><div>"+module_code+"</div><div>"+module+"</div><div>"+room+"</div></td><td>"
   $(this).parent('td').html(td)
});

单击时隐藏提交按钮和字段

2 个答案: