在同一页中打开HTML表格

我的问题是：如何在下面打开html表单。

CODE

<p class="flaticon-right127"><a href="mobile.html">Mobile&nbsp;Phones</a> 
<p class="flaticon-right127"><a href="tablet.html">Tablets</a></p> 
<p class="flaticon-right127"><a href="accessories.html">Mobile&nbsp;Accessories</a></p>

当我点击文件应在同一页中打开链接的链接。

mobile.php

*mobile form field*

tablet.php

*tablet form field*

accessories.php

*accessories form field*

来源

2014-10-02 sanoj lawrence

您应该谷歌为：ajax。 – loveNoHate 2014-10-02 06:10:11

框架或Ajax。有很多教程。编写另一个对于Stackoverflow来说太宽泛了。 – Quentin 2014-10-02 06:10:23

为什么将它全部保留在第1页非常重要，您可以离开页面并使解析器和表单成为第1页，以保持项目的可扩展性，并且易于其他开发人员在将来进行编辑。 – user3750649 2014-10-02 06:10:41

既然你标记的jQuery，你可以在这种情况下，只是方法：

<p class="flaticon-right127"><a class="reveal" href="mobile.html">Mobile&nbsp;Phones</a> 
<p class="flaticon-right127"><a class="reveal" href="tablet.html">Tablets</a></p> 
<p class="flaticon-right127"><a class="reveal" href="accessories.html">Mobile&nbsp;Accessories</a></p> 

<div class="page"></div> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    $('.reveal').on('click', function(e){ 
     e.preventDefault(); 
     var link = $(this).attr('href'); 
     $('.page').load(link); 
    }); 

}); 
</script>

或者只是一个简单的iframe也：

<p class="flaticon-right127"><a class="reveal" href="mobile.html" target="page">Mobile&nbsp;Phones</a> 
<p class="flaticon-right127"><a class="reveal" href="tablet.html" target="page">Tablets</a></p> 
<p class="flaticon-right127"><a class="reveal" href="accessories.html" target="page">Mobile&nbsp;Accessories</a></p> 

<iframe src="" name="page" frameborder="0"></iframe>

我不明白你为什么要做到这一点，但如果你想躲比你点击一个其他的链接，只需添加这里面的onclick回拨后：

$('.reveal').hide(); 
$(this).show();

来源

2014-10-02 06:22:30 Ghost

我需要打开相同页面中的链接页面，链接页面是形式 – 2014-10-02 06:34:02

@sanojlawrence是的''.load（）'这样做，它只是加载该特定的HTML。你尝试过吗？ – Ghost 2014-10-02 06:35:41

工作只是分钟 – 2014-10-02 06:37:13

在同一页中打开HTML表格

回答

相关问题