Javascript 将textbox/radiobutton/和下拉列表中的信息添加到dataTable

我试图从文本中获取信息，例如：“姓名、号码等”；并将该信息添加到我的数据表中。但我想不出如何让那部分工作。我还附带了可以正常工作的JSFIDLE

$（文档）.ready（函数（）{
var t=$（“#示例”）.DataTable（）；
var计数器=1；
$（'#addRow'）。在（'单击'，函数（）{
var inputext1=$（“输入[name='FirstName']”）。val（）
var inputExt2=$（“输入[name='LastName']”）。val（）
var inputExt3=$（“输入[name='address']”）。val（）
var inputExt4=$（“输入[name='number']”）。val（）
var inputExt5=$（“输入[name='zip']”）。val（）
t、 行。添加（[
输入ext1，
输入ext2，
输入ext3，
输入ext4，
输入文本5
]）。抽签（假）；
计数器++；
} );
//自动添加第一行数据
$（“#添加行”）。单击（）；
} );

沃尔沃汽车
萨博
梅赛德斯
奥迪



男性

女性


名字：

姓氏：

地址：

编号：

邮政编码：









第一个名字
姓
地址
数
拉链
性别
汽车
阿德罗
试试这个：

HTML:

试试这个：

HTML:

<select name="car">
<option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
   </br></br>
   <form action="">
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
</form>

      </br>First name: <input type="text" name="FirstName"><br>
 Last name: <input type="text" name="LastName"><br>
 address: <input type="text" name="address"><br>
number: <input type="text" name="number"><br>
zip: <input type="text" name="zip"><br>
 </br>
</br>
</br>
</br>
<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Frist Name</th>
                <th>Last Name</th>
                <th>Adress</th>
                <th>Number</th>
                <th>Zip</th>
                <th>Gender</th>
                <th>Car</th>
            </tr>
        </thead>

    </table>
 <button id="addRow">
  addrow
  </button>

$(document).ready(function() {
var t = $('#example').DataTable();
var counter = 1;

$('#addRow').on( 'click', function () {
    var inputText1 = $("input[name='FirstName']").val();
    var inputText2 = $("input[name='LastName']").val();
  var inputText3 = $("input[name='address']").val();
   var inputText4 = $("input[name='number']").val();
    var inputText5 = $("input[name='zip']").val();
            var inputText6 = $("input[name='gender']").val();
    var inputText7 = $("select[name='car']").val();
    t.row.add( [
        inputText1,
        inputText2,
        inputText3,
        inputText4,
        inputText5,
        inputText6,
        inputText7
    ] ).draw( false );

    counter++;
} );

// Automatically add a first row of data
$('#addRow').click();
} );