隱藏提交按鈕和字段點擊

-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

隱藏提交按鈕和字段點擊

回答

相關問題