隐藏提交按钮和字段点击

-4

如何我把表的这个单元提交的数据，然后隐藏在提交的字段按钮单击

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

感谢您的帮助

来源

2013-05-03 user2346595

您是否尝试过的东西？如果不是，请考虑聘请开发人员... – 2013-05-03 12:16:48

请以正确的方式陈述 – 2013-05-03 12:18:14

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

来源

2013-05-03 13:02:06 vinothini

完美，这正是我想要的。谢谢你的帮助。如果我可以问另一个问题，我如何从新条目中删除边框，你能帮忙吗？ – user2346595 2013-05-03 13:33:24

为了我的参考，我添加了红色背景颜色。要删除该功能，您需要删除第一行。编辑好的jsfiddle链接是http://jsfiddle.net/fJTr8/8/ – vinothini 2013-05-03 13:41:14

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

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

来源

2013-05-03 12:20:12

谢谢，成功隐藏提交后的输入标签。但我如何检索数据，因为它不会出现 – user2346595 2013-05-03 12:36:19

隐藏提交按钮和字段点击

回答

相关问题