在我的index.php上,我有以下html结构
<input type="text" class="url" id="url" name="url" contenteditable="true" style=" text-align: left; height: 30px; width:422px; " placeholder="Enter URL ..." onfocus='display();' /></input> //Text box
<div id = "myDiv"> // Div which holds response from ajax call
<input type="submit" class="button" onclick="GetSentiment()" id="GetSentiment" value="Get Sentiment" style="display:none;"/> //Button which call function to perform action
和ajax电话:
function GetSentiment()
{
.....
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{ document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","data.php",true); ...
data.php包含此类结果:http://jsfiddle.net/karimkhan/xftr5/
最初Button位于文本框的下方。
按钮点击并执行操作后,来自data.php文件的响应位于文本框的正下方。
因此按钮被隐藏了。相反,我希望它放在data.php的响应之下。即低于myDiv