Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery检索名称列表属性(html)中的数据?_Javascript_Php_Jquery_Html - Fatal编程技术网

Javascript 如何使用jQuery检索名称列表属性(html)中的数据?

Javascript 如何使用jQuery检索名称列表属性(html)中的数据?,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我试图通过jQuery从输入中检索名称列表。 有人能告诉我怎么做吗 例如,以下输入: Henry | 25 | Financial Advisor Eric | 28 | Chemistry Professor Lance | 30 | Database Administrator 如何使用jQuery和name[]属性检索Henry、Eric、Lance的名字 HTML <div id="wrapper"> <div id="form_div"> <form

我试图通过jQuery从输入中检索名称列表。 有人能告诉我怎么做吗

例如,以下输入:

Henry | 25 | Financial Advisor
Eric  | 28 | Chemistry Professor
Lance | 30 | Database Administrator
如何使用jQuery和name[]属性检索Henry、Eric、Lance的名字

HTML

<div id="wrapper">
<div id="form_div">
 <form method="post" action="store_employee.php">
  <table id="employee_table" align=center>
   <tr id="row1">
    <td><input type="text" name="name[]" placeholder="Enter Name"></td>
    <td><input type="text" name="age[]" placeholder="Enter Age"></td>
    <td><input type="text" name="job[]" placeholder="Enter Job"></td>
   </tr>
  </table>
  <input type="button" onclick="add_row();" value="ADD ROW">
  <input type="submit" name="submit_row" value="SUBMIT">
 </form>
</div>

Javascript

    function add_row()
{
    $rowno=jQuery("#employee_table tr").length;
    $rowno=$rowno+1;
    jQuery("#employee_table tr:last").after(
        "<tr id='row"+$rowno+"'>"+
            "<td><input type='text' name='name[]' placeholder='Enter Name'></td>"+
            "<td><input type='text' name='age[]' placeholder='Enter Age'></td>"+
            "<td><input type='text' name='job[]' placeholder='Enter Job'></td>"+
            "<td><input type='button' value='DELETE' onclick=delete_row('row"+$rowno+"')></td>"+
        "</tr>");
    }


function delete_row(rowno)
{
    jQuery('#'+rowno).remove();
}
函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
您可以使用
map()

let res=$('tr').map(('tr',row)=>{
return[$(row.find('input').map((\uel,el)=>el.value.get()]
}).get()
console.log(res)

您可以使用
map()

let res=$('tr').map(('tr',row)=>{
return[$(row.find('input').map((\uel,el)=>el.value.get()]
}).get()
console.log(res)

您可以使用name属性以正确的输入为目标。。。然后寻找价值

函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
$(“#测试”)。在(“单击”,函数(){
变量名称=[];
变量nameInputs=$(“输入[name='name[]']”);

对于(i=0;i您可以使用name属性以正确的输入为目标…然后查找值

函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
$(“#测试”)。在(“单击”,函数(){
变量名称=[];
变量nameInputs=$(“输入[name='name[]']”);

对于(i=0;它似乎只提供了名字输入。应该给你所有的名字,你可以通过以下方式进行检查:
names[0](名字)names[1](第二个名字)等
这似乎只提供了名字输入。应该给你所有的名字,你可以通过以下方式进行检查:
names[0](第一个名字)names[1](第二个名字)etc
非常感谢。这就是我要找的!非常感谢。这就是我要找的!
var names = $("[name='name[]']");