PHP重装无法正常工作?

时间:2014-10-22 22:38:48

标签: javascript html

我已经阅读了互联网上的一个教程,说这种方式我可以使网站加载没有重新加载的情况,但它似乎没有工作

继承我的代码:

我希望它在从下拉菜单中选择日期并点击时,在“发送”按钮下显示query.php文件结果。

<form method="post" action="query.php"> 
<select id="textarea" name="textarea" style="height: 42px;margin-top: 2px;">
<option value="1980" selected>1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select>
<button type="submit" name="inputuno" value="Submit" class="btn btn-theme">Check!</button>
</form>

<script type="text/javascript">
function recp(id) {
$('#myStyle').load('query.php');
}
</script>


<div id='myStyle'>
</div>

2 个答案:

答案 0 :(得分:0)

谁在调用recp(id)函数?我没有人说。如果没有人打电话,它就不会运行。如果它不能运行,它就不会进行页面加载。

你需要从某个地方调用该函数。

此外,到目前为止,这似乎更像是JavaScript / jQuery问题,而不是PHP问题。


如果您希望发送表单,则需要添加onsubmit处理程序。我建议您查看 here here

答案 1 :(得分:0)

$('#textarea').onchange(function() {.
  $('#myStyle').load('query.php',  {textarea: $("#myselect option:selected").val() });
});

如果我正确理解你在寻找什么。当选项被更改时,它将自动重新加载。如果要在单击按钮时重新加载,只需在其上添加id属性,例如“relbutton”并将类型更改为“button”。

$('#relbutton').click(function() {.
  $('#myStyle').load('query.php',  {textarea: $("#myselect option:selected").val() });
});

此外,你需要摆脱这些标签,它们在这里是完全不必要的。