Javascript jQueryAjax简单表单必须显示表单以及其他内容

Javascript jQueryAjax简单表单必须显示表单以及其他内容,javascript,jquery,ajax,Javascript,Jquery,Ajax,所以我开始将jquery与ajax结合使用。。一切都很好表格已经提交了。。但在响应之后,表单消失,只有输出显示在屏幕上。。我试过了 success: function(html) { $(".result").html(html); } 我使用了显示选项,但我的表单没有返回 $('#myform').show() 我必须做什么,才能显示当前div和其他div(在ajax成功之后)。。 希望我明白这一点。。 感谢您的帮助。。。 非常感谢SO的所有成员,感谢他们帮助

所以我开始将jquery与ajax结合使用。。一切都很好表格已经提交了。。但在响应之后,表单消失,只有输出显示在屏幕上。。我试过了

success: function(html)
     {
    $(".result").html(html);
      }
我使用了显示选项,但我的表单没有返回

$('#myform').show()
我必须做什么,才能显示当前div和其他div(在ajax成功之后)。。 希望我明白这一点。。 感谢您的帮助。。。 非常感谢SO的所有成员,感谢他们帮助像我这样的贫穷新手。。提前谢谢。。 我的代码 我的剧本

我的长格式:

//my result class
<div class="result"><div>
<div id="wrapper">


<form name="form1" id="form1" action="" method="post">
<b> Create New Account </b><br><br><br>

<label for="username" id="username_label">Username</label><br>
<input id="username" type="text" name="username"/><br>

<label for="passwordid" id="password_label">Password</label><br>
<br>    <input   type="password" name="passwordid" id="passwordid" size="35">
<br><br>
<label for="password_again" id="password_again_label">Re-Type Password</label><br>
<br><input   type="password" name="password_again" id="password_again" size="35">
<br>
<b>Personal Details</b><br><br>

<label class="r" for="firstname" id="firstname_label">First Name<br>
<input   type="text" name="firstname" id="firstname" size="35"></label><br><br>

<label class="r" for="lastname" id="lastname_label">Last Name<br>
<input   type="text" name="lastname" id="lastname" size="35"></label><br><br>

Gender<br><br>
<select class="cc" name="sex" id="sex">
<option value="" selected="selected">--Select Gender--</option>
<option value="m">Male</option>
<option value="f">Female</option>
</select>

<br><br>
Date of birth<br>

<label class="dob" for="dateid" id="date_label">Date
<?php $number = range(1,31);
$tempholder = range(1,31);
$nr=31;
echo '<select class="doba" name="dateid" id="dateid">';
echo '<option value="" selected="selected">--Select Date--</option>';
for ($i=0; $i<$nr; $i++)
{

        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>
</label>


<label class="dob" for="month" id="month_label">Month
<?php $number = range(1,12);
$tempholder = range(1,12);
$nr=12;
echo '<select class="doba" name="month" id="month">';
echo '<option value="" selected="selected">--Select Month--</option>';
for ($i=0; $i<$nr; $i++)
{

        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>
</label>

<label class="dob" for="year" id="year_label">Year
<?php 
$tempholder =  range(1960,2000);
$nr=40;
echo '  <select  class="doba" name="year" id="year">';
echo '<option value="" selected="selected">--Select Year--</option>';
for ($i=0; $i<$nr; $i++)
{
        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>
</label>
<br><br><br><br>
<b>Contact Details</b> <br><br>
<label for="add1" id="add1_label">Address1</label><br>
<input id="add1" type="text" name="add1"/><br>

<label for="add2" id="add2_label">Address2</label><br>
<input id="add2" type="text" name="add2"/><br>

<label for="add3" id="add3_label">Address3</label><br>
<input id="add3" type="text" name="add3"/><br>

<label for="mobile" id="mobile_label">Mobile</label><br>
<input id="mobile" type="text" name="mobile"/><br>

<label for="tele" id="tele_label">Telephone</label><br>
<input id="tele" type="text" name="tele"/><br>

<label for="email" id="email_label">E-mail</label><br>
<input id="email" type="text" name="email"/><br>

<br>


<b>Card Details</b><br><br>
<label for="cardno" id="cardno_label">Card No</label><br>
<input id="cardno" type="text" name="cardno"/><br>

<label for="cvcno" id="cvcno_label">CVC No</label><br>
<input id="cvcno" type="text" name="cvcno"/><br>




<br>
<select  name="cardtype" id="cardtype">
<option value="" selected="selected">--Card Type--</option>
<option value="visa">Visa</option>
<option value="master">Master</option>
<option value="american">American Express</option>
</select><br><br>

Expiry Date<br><br>

<label class="dob" for="dateid1" id="date_label">Date
<?php $number = range(1,31);
$tempholder = range(1,31);
$nr=31;
echo '<select class="doba" name="dateid1" id="dateid1">';
echo '<option value="" selected="selected">--Select Date--</option>';
for ($i=0; $i<$nr; $i++)
{

        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>

</label>


<label class="dob" for="month1" id="month_label">Month
<?php $number = range(1,12);
$tempholder = range(1,12);
$nr=12;
echo '<select class="doba" name="month1" id="month1">';
echo '<option value="" selected="selected">--Select Month--</option>';
for ($i=0; $i<$nr; $i++)
{

        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>
</label>

<label class="dob" for="year1" id="year_label">Year
<?php 
$tempholder =  range(2013,2053);
$nr=40;
echo '  <select  class="doba" name="year1" id="year1">';
echo '<option value="" selected="selected">--Select Year--</option>';
for ($i=0; $i<$nr; $i++)
{
        echo "<option>".$tempholder[$i]."</option>";
        }
    echo '</select>';

?>
</label>
<br><br>
<input type="submit" class="ss" value="SUBMIT" class="left" >


</form>
//我的结果类
创建新帐户


用户名

密码



重新输入密码


个人详细信息

名字


姓氏


性别

--选择性别-- 男性 女性

出生日期
日期 月 年



联系人详细信息

地址1

地址2

地址3

移动

电话

电子邮件


卡片详细信息

卡号

CVC编号


--卡片类型-- 签证 主人 美国运通

有效期

日期 月 年


只要有想法,但你可以试试

    $(".result").append(html);

相反。html可能正在以某种方式清除你的html。

你能发布你的html/JavaScript代码吗?您的表单中是否有CSS类为“result”的元素?不,它是空div..没有内容..它尝试将类结果放入表单内外。。但是没有效果。。表单内部未显示结果。。在表单id之外,它显示了..我可以看到完整的代码吗?是的,我已经更新了我的帖子..非常感谢它的工作:)。。但是这个结果div,尽管我把div放在了所有的上面,它还是显示在下面,可能是因为使用了append word。。我希望它在同一个位置。。任何其他替代方案也将很有用。。再次感谢…您可能需要确保您的html和div编码正确。当您运行$(“.result”).html(html)时;它应该只替换.result div中的html,但是它在某处泄漏了。您可以确保。结果是表单的“内部”或“外部”。那么,.html应该不会对代码的其余部分产生影响。哦,谢谢你提供的信息。。我会记住的。。再次感谢:)
    $(".result").append(html);