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

【问题标题】：Hide submit button and fields on click单击时隐藏提交按钮和字段
【发布时间】：2013-05-03 12:14:50
【问题描述】：

用户输入数据然后提交。

如何将提交的数据放在表格的这个单元格中，然后在点击提交按钮时隐藏字段

<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/

感谢您的帮助

【问题讨论】：

你试过了吗？如果没有，请考虑聘请开发人员...
请正确解释

标签： jquery hide submit-button

【解决方案1】：

你的意思是这样的吗 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)
});

【讨论】：

完美，这正是我想要的。谢谢你的帮助。如果我可以再问一个关于如何从新条目中删除边框的问题，您能帮忙吗？
作为参考，我添加了红色背景色。要删除该功能，您要删除第一行。编辑后的 jsfiddle 链接为jsfiddle.net/fJTr8/8

【解决方案2】：

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

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

【讨论】：

谢谢，提交后成功隐藏输入标签。但是我如何检索数据，因为它没有出现