Javascript 如何在更改按钮单击时更改表单？

我有两个json文件a.json和b.json。当用户单击每个不同的按钮时，我需要显示不同的表单。我的问题是，当我点击第一个按钮时，它会显示第一个表单，但当我点击第二个按钮时，它不会显示第二个表单。我需要一次显示一个表单，即当我单击第二个按钮时，它将删除第一个表单并显示第二个表单

  $scope.getFromAFile= function () {
      // body...
      var inputs=[];
      $http.get('a.json').success (function(data){
        var a=changeData(data);
         $scope.formFields=[]

              console.log('pp');

      console.log(data.studentName);
      console.log($scope);
      $scope.formFields = a['input'];


    }).error(function(err){
            alert(err);
        });

    }

        $scope.getFromBFile= function () {

      // body...
      $http.get('b.json').success (function(data){
        var a=changeData(data);
              console.log('pp');
 $scope.formFields=[]
      console.log(data.studentName);
      console.log($scope);
      $scope.formFields = a['input'];
    }).error(function(err){
            alert(err);
        });

    }

这是普朗克

---

如果我了解您可以使用隐藏功能：

加载文档时，您需要隐藏两个表单：

$('#form1').hide();
$('#form2').hide();

然后单击按钮：

$('#button1').click(function(){
 $('#form1').show();
 $('#form2').hide();

});
$('#button2').click(function(){
 $('#form1').hide();
 $('#form2').show();

});

---

如果我知道你可以使用隐藏功能：

加载文档时，您需要隐藏两个表单：

$('#form1').hide();
$('#form2').hide();

然后单击按钮：

$('#button1').click(function(){
 $('#form1').show();
 $('#form2').hide();

});
$('#button2').click(function(){
 $('#form1').hide();
 $('#form2').show();

});

您可以使用和来完成此任务

<button ng-click="hideFormOne()">Hide Form One</button><!-- Hides Form One & Shows Form Two -->
<button ng-click="hideFormTwo()">Hide Form Two</button><!-- Hides Form Two & Shows Form One-->

<form ng-show="showFormTwo">
:
:

<form ng-show="showFormOne">
:
:

您可以使用和来完成此任务

<button ng-click="hideFormOne()">Hide Form One</button><!-- Hides Form One & Shows Form Two -->
<button ng-click="hideFormTwo()">Hide Form Two</button><!-- Hides Form Two & Shows Form One-->

<form ng-show="showFormTwo">
:
:

<form ng-show="showFormOne">
:
:

---

你可以有两种形式，如formA和formB

然后，若用户点击formA，隐藏formB或者点击formB，然后隐藏formA

单击formA时的示例：

$('formA').hide();
$('formB').show();

例如，如果单击formB：

$('formA').show();
$('formB').hide();

---

这里是

你可以有两种形式，例如formA和formB

然后，若用户点击formA，隐藏formB或者点击formB，然后隐藏formA

单击formA时的示例：

$('formA').hide();
$('formB').show();

例如，如果单击formB：

$('formA').show();
$('formB').hide();

---

这里是

如果您使用的是AngularJS，我建议使用Angular指令ngHide和ngShow，而不是.hide和.show函数。如果您使用的是AngularJS，我建议使用Angular指令ngHide和ngShow，而不是.hide和.show函数。值得一提的是，您正在使用一个名为的指令来呈现表单。@user3703527查看我的answer@NidhishKrishnan请检查json文件..表单mis one field值得一提的是，您正在使用一个名为render的指令表单。@user3703527请查看我的answer@NidhishKrishnan请检查json文件..表单mis one field但当您检查json文件时会出现一个问题。有四个字段，但它只显示三个，但当您检查json文件时会出现一个问题。有四个字段，但它只显示三个