用户搜索后如何更改div的内容?

时间:2016-11-18 21:53:35

标签: javascript php jquery html

所以我有这样的表格:

<form  method="post" action="index.php"  id="searchform"> 
        <input type="text" name="search" placeholder="Search...">
        <input type="image" src="img/img1.png" alt="submit" onmouseover="hover(this);" onmouseout="unhover(this);" /></a>
</form>

当用户搜索我想要更改此div的内容时:

<div class = "mainText">
    <h2>Today's Events: </h2>   
</div>

这样说:

<div class = "mainText">
    <h2>Results: </h2>   
</div>

我该怎么做?

编辑:是否可以在php if语句中运行此代码?

2 个答案:

答案 0 :(得分:-1)

jquery .text()似乎更合适,因此您只需更改标记的文本即可。

         $(".mainText h2").text("Results:");

更多相关信息: http://www.w3schools.com/jquery/html_text.asp

答案 1 :(得分:-1)

表单中的操作是表单结束的目的地。 如果你想控制dom元素,你需要像javascript或jquery这样的东西来控制应用程序的前端。 您可以使用jquery来监听用户何时单击按钮或提交表单并解析结果(在这种情况下,只需切换html文本)。 *删除操作目标,否则页面将重定向到index.php

int version_major = 1;
int version_minor = 0;
char *revision = "b";
char *version_string = "1.0b";

常见的用法是在submit函数中放置一个ajax调用,以从页面源外部检索一些数据。希望这能让你走上正轨:)