Javascript添加输入_Javascript_Jquery_Html

Javascript添加输入

javascript jquery html

Javascript添加输入,javascript,jquery,html,Javascript,Jquery,Html,我对编码相当陌生，找不到我的错误。为什么这不起作用？它不会改变网站上的任何内容，升华上的语法也不正确。它应该在表单的末尾添加一个新的输入。这与语法有关#add是可访问的。不知道要更改什么语法错误在线 var html='Antwoord ';} </head> <body>  <div class="container"> <nav> <div class="ro

我对编码相当陌生，找不到我的错误。为什么这不起作用？它不会改变网站上的任何内容，升华上的语法也不正确。它应该在表单的末尾添加一个新的输入。这与语法有关#add是可访问的。不知道要更改什么语法错误在线

var html='Antwoord ';}

    </head>
<body>
<!--navigatie -->

  <div class="container">
      <nav>
    <div class="row">
    <div class="col-md-4 studentdocent">
       <button type="button" class="btn btn-primary">Docent</button>
         <a href="student.php"><button type="button" class="btn btn-primary">Student</button> </a>
         </div>
    <div class="col-md-8">
         <h1 class="head"> Meerkeuzevragen</h1>
     </div>
    </div>
  </div>
</nav>



<form action="jsonswitch.php" method="post">
<div class="container">


<!-- Oefening input -->
<div class="all">
<div id="toevoeg">
  <div class="row">
    <div class="col-md-12">
      <label>Naam van de oefening</label>
      <div class="input-group">
        </div>
        <input type="text" id="tbox" class="form-control" name="oefening" placeholder="Naam van de oefening">
      </div>
    </div>
  </div>

<!-- vraag input -->

  <div class="row">
    <div class="col-md-12">
      <label>Zet hier je vraag neer</label>
      <div class="input-group">
        </div>
        <input type="text" id="tbox" class="form-control" name="vraag" placeholder="Voer hier je vraag in..">
      </div>
    </div>



<!-- antwoord input -->

  <div class="row">
    <div class="col-md-12">
      <label>Antwoord A</label>
      <div class="input-group">
        <div class="input-group-addon">
          <input type="checkbox" name="checkbox1">
        </div>
        <input type="text" id="tbox" class="form-control" name="antwoorda" placeholder="Zet hier antwoord a neer...">
      </div>
    </div>
  </div>




  <div class="row">
    <div class="col-md-12">
      <label>Antwoord B</label>
      <div class="input-group">
        <div class="input-group-addon">
          <input type="checkbox" name="checkbox2">
        </div>
        <input type="text" id="tbox" class="form-control" name="antwoordb" placeholder="Zet hier antwoord b neer...">
      </div>
    </div>
  </div>




  <div class="row">
    <div class="col-md-12">
      <label>Antwoord C</label>
      <div class="input-group">
        <div class="input-group-addon">
          <input type="checkbox" name="checkbox3">
        </div>
        <input type="text" id="tbox" class="form-control" name="antwoordc" placeholder="Zet hier antwoord c neer...">
      </div>
    </div>
  </div>




  <div class="row">
    <div class="col-md-12">
      <label>Antwoord D</label>
      <div class="input-group">
        <div class="input-group-addon">
          <input type="checkbox" name="checkbox4">
        </div>
        <input type="text" id="tbox" class="form-control" name="antwoordd" placeholder="Zet hier antwoord d neer...">
      </div>
    </div>
  </div>
</div>








<!-- Verstuur button  -->
  <div class="col-md-4">
<button class="upload btn btn-info fa fa-upload" type="submit"></button>

<button class="upload btn btn-success fa fa-plus" id="add"></button>

<button class="upload btn btn-danger fa fa-minus" id="remove"></button>
  </div>
</div>
</div>
</div>
</form>

$(document).ready(function(e){
//variabelen
var html = '<div class="row"> <div class="col-md-12"> <label>Antwoord</label> <div class="input-group"> <div class="input-group-addon"> <input type="checkbox" name="checkbox4"> </div> <input type="text" id="childmake" class="form-control" name="antwoordd" placeholder="Zet hier antwoord d neer..."> </div> </div> </div>
</div> '/;

//input toevoegen
$("#add").click(function(e){
  $("#all").append(html);
});


讲解员
米尔库兹夫拉根
纳姆·范德奥芬宁
我是弗拉格·尼尔
安特沃德A酒店
安特伍德B酒店
安特伍德C
安特伍德
$（文档）.ready（函数（e）{
//瓦里亚贝伦
var html='Antwoord
'/;
//输入toevoegen
$（“#添加”）。单击（函数（e）{
$（“#全部”）.append（html）；
});

为什么在html变量末尾添加“/”？请删除此项

同时，ready（）的右大括号丢失。

请尝试以下操作：

$（文档）.ready（函数（e）{
var html='Antwoord'；
$（“#添加”）。单击（函数（e）{
$（“#全部”）.append（html）；
});
})；



在此之后将添加Html。。。

添加此

'/；

，在末尾添加斜杠，并且还有一个额外的

此代码适用于：

var html='Antwoord'；
$（“#添加”）。单击（函数（e）{
$（“#全部”）.append（html）；
})；


添加

您的变量

html

设置不正确，代码结尾也不正确：

最后一个

div

之前的换行符是一个问题（字符串中不能有换行符）

在

；

缺少

ready（）

的右大括号

⋅ ⋅ ⋅

以下是一个工作片段：

$（文档）.ready（函数（e）{
//瓦里亚贝伦
var html='Antwoord'；
//输入toevoegen
$（“#添加”）。单击（函数（e）{
$（“#全部”）.append（html）；
});
})；


添加

可能会删除

html

assignmentTrying running$（“#add”）末尾的斜杠在浏览器控制台中查看触发错误的元素是否存在。您是否查看了浏览器开发人员控制台中的错误？我只看了一眼代码，就看到了一个语法错误，我这样做是因为出现了错误，但我不知道如何修复它：var html='Antwoord这不是一个错误很高兴我能提供帮助！：）