Javascript 在同一页面中打开HTML表单

我正在使用链接打开html表单

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

代码

table.php

 *tablet form field*

附件.php

 *accessories form field*

---

因为您标记了jquery，所以在本例中，您可以只使用

.load（）

方法：

<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>

---

你应该在谷歌上搜索：ajax.Frames或ajax。有很多教程。写另一篇文章对Stackoverflow来说太宽泛了。为什么把它全部放在1页上这么重要，你可以离开页面，使解析器和表单成为一个页面，以保持项目的可伸缩性，并便于其他开发人员在将来进行编辑。此页面使用此方法在我的项目中速度很快，因此我需要此方法，或者你可以提一下此方法名称我需要在同一页面中打开链接页面，链接页面是form@sanojlawrence对

.load（）

就是这样，它只加载特定的html。你试过了吗？在一个minthanks上工作很好，但是当我点击移动时我如何取消另一个选项我需要取消另外两个选项当我点击移动时我需要取消另外两个选项，因为它看起来很干净，因为我有15个这样的菜单（手机、平板电脑等），所以我需要取消其他选项

 *accessories form field*

<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>

<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>

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