DIV的形式和張貼到同一頁

-1

<form action="" method="post"> 
    <div id="MG_TextBox" contenteditable="true" name="textBox1" style="width:600px;height:400px; background-color:#ECCBCB;"> Hello</div> 
    <input type="hidden" name="hiddeninput" id="MH_Hiddeninput" > 
    <input type="submit" id="MG_Submit" name="submit" value="Submit"/> 
    </form>

和Ajax的DIV的形式和張貼到同一頁

<script> 
$(function(){ 
    $('#MG_Submit').click(function() { 
     var MG_Text = $('#MG_TextBox').html(); 
     $('#MG_Hiddeninput').val(MG_Text); 
     return true; 
    }); 
}); 
</script>

那麼PHP

<? 
    if ($_POST['hiddeninput']) { 
     print $_POST['hiddeninput']; 
     } 
?>

我想有轉移DIV內容隱藏輸入。隨後PHP將它們打印在同一頁面上。即。 action =「」

我在做什麼錯？

第2版。還是不行

<? 
if ($_POST['hiddeninput']) { print $_POST['hiddeninput']; } 
?> 

<html> 
<head> 
<script> 
$(function(){ 
    $('#MG_Form').on("submit", function (e) { 
     var MG_Text = $('#MG_TextBox').html(); 
     $('#MG_Hiddeninput').val(MG_Text); 
     e.preventDefault(); 
    }); 
}); 
</script> 
</head> 

<body> 
    <form action="" method="post" id="MG_Form" enctype="multipart/form-data"> 
    <div id="MG_TextBox" contenteditable="true" name="textBox1" style="width:300px;height:200px; background-color: 
    #9AB5BF;"> Hello</div> 
    <input type="hidden" name="hiddeninput" id="MG_Hiddeninput" > 
    <input type="submit" id="MG_Submit" name="submit" value="Submit"/> 
    </form> 
</body> 
</html>

來源

2014-03-26 MG.

php無法對當前加載的頁面執行任何操作。還要注意，你沒有顯示任何ajax，所有顯示在_「和ajax」下面的是一個單擊事件處理程序 –

試試這個，你不希望表單提交，您希望AJAX來代替火。這樣做是爲了阻止點擊進行默認行爲 - 這將提交表單;

<script> 
$(function(){ 
    $('form').on("submit", function (e) { 
     var MG_Text = $('#MG_TextBox').html(); 
     $('#MG_Hiddeninput').val(MG_Text); 
     e.preventDefault(); 
    }); 
}); 
</script>

您可能希望將id添加到窗體，使$('form')選擇可以更具體。因爲這可能會打破頁面上的其他表單。

來源

2014-03-26 20:23:44

對於初學者，您試圖選擇一個不存在的元素（MG_Hiddeninput）。更改爲：

<script> 
$(function(){ 
    $('#MG_Submit').click(function() { 
     var MG_Text = $('#MG_TextBox').html(); 
     $('#MH_Hiddeninput').val(MG_Text); 
     e.preventDefault(); 
     return true; 
    }); 
}); 
</script>

或更改隱藏輸入的ID以匹配您的選擇器。

<input type="hidden" name="hiddeninput" id="MG_Hiddeninput" >

還添加e.preventDefault（）以防止發佈表單。你提到阿賈克斯，但我沒有看到任何在這裏的行動。

來源

2014-03-26 20:26:22

DIV的形式和張貼到同一頁

回答

相關問題