为什么没有将值插入表中答案

【问题标题】：why value is not being inserted into table为什么没有将值插入表中
【发布时间】：2021-07-24 02:28:46
【问题描述】：

$(document).ready(function(){  
$("#first_form").submit(feedtable);
    function feedtable(e){
  e.preventDefault();
  var task = $("#fname").val(),
  male = $("input[type='radio']:checked").val(),
  //female = $("#female:checked").val(),
  desc = $("#age").val(),
  type = $("#city").val();      
  console.log(male);
  console.log(task);
  console.log(type);     
  $('#content').append(
    "<tr><td>"+task+"</td>"+
    "<td>"+male+"</td>"+
    "<td>"+desc+"</td>"+
    "<td>"+type+"</td>"+
    "<td>"+"uyt"+"</td></tr>"
  );   
}

});

我正在使用#first_form 命名表单并希望在#content 命名表中插入值每个输出都显示在控制台中，但值未插入表中 HTML代码有点乱在这里我想将值从表单插入到表中我在控制台中显示的表单中输入的每个值都没有给出任何错误，但值没有添加到表中。

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="./jquery-3.6.0.min.js"></script>
    <script src="./one.js"></script>
    <title>Document</title>
    <style>
        body{background-color:  rgb(175, 166, 166);}
        #tablee{border: 2px solid rgb(13, 13, 14);
            margin-top: 0px;
            width:fit-content;}
         .content{border-collapse: collapse;
          margin: 5px 0;
          font-size: 0.9em;
          min-width: 400px;
          border-radius: 5px 5px 0 0;
          overflow: hidden;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
        #inp {margin-left: 500px;
              border: 2px solid rgb(13, 13, 14);
              width:fit-content;height:fit-content;
        }
       #inp form{overflow: hidden;}
      </style>
</head>
<body>
    <div id="tablee">
        <table class="content">
            <tr>
              <th>Name</th>
              <th>Gender</th>
              <th>Age</th>
              <th>City</th>
              <th>Action</th>
              </tr>
              <tr>
                  <td>ahmad</td>
                  <td>hgg</td>
                  <td>34</td>
                  <td>fdf</td>
                  <td>rrgr</td>
              </tr>           
          </table>
        </div>
        <div id="inp">
        <form id=first_form>
            <label for="fname">First name:</label><br>
            <input type="text" id="fname" name="fname" placeholder="NAME"><br><br>
            &nbsp;&nbsp;&nbsp;
            <input type="radio" name="gender" class="male" value="male">
            <label for="Male">Male</label><br>
            &nbsp;&nbsp;&nbsp;
            <input type="radio" name="gender" class="male" value="female">
            <label for="female">Female</label><br><br>
            <label for="age">Age:</label><br>
            <input type="number" id="age" name="age" placeholder="Age" value="0" max="999" min="1"><br><br>
            <label for="city">Choose a city:</label>
            <select name="city" id="city" placeholder="Select CIty"> 
            <option value="lahore">lahore</option>
            <option value="karachi">karachi</option>
            <option value="multan">Multan</option>
            <option value="islamabad">Islamabad</option>         
        </select>
        <br>     
            <input type="submit" onclick="" value="submit" button class="button">           
        </form>
    </div>
</body>
</html>

【问题讨论】：

你的 HTML 在哪里？
欢迎 Atta 加入 SO，请您也分享一下您的 AJAX 请求代码。
我只想在本地插入数据，所以不涉及 ajax
您正在使用类名“内容”作为表格元素，但在选择器中您使用的是 id 选择器。将 $("#content") 更改为 $(".content") 或 ... <table class="content"> to <table id="content">

标签： javascript html jquery database laravel

【解决方案1】：

只是一种预感。将变量名称“type”替换为其他名称。如您所见，它被呈现为关键字。可能意味着什么。

【讨论】：