通过表格中的按钮进行Ajax调用

时间:2019-03-24 17:18:23

标签: javascript php ajax

亲爱的程序员
我有一个通过Ajax调用检索的代码块。首先,看看那一块:

$output .= '</td><td class="td-align">'.$employees["fullname"].'</td>
        <td class="td-align">'.$employees["faname"].'</td>
        <td class="td-align ">'.$employees["sid"].'</td>
        <td class="td-align ">'.$employees["nid"].'</td>
        <td class="td-align"><button type="button" name="update" id="'.$employees["id"].'" class="buttons edit-button"><span class="fa fa-anchor"></span> insert </button></td>  
       </tr>
     ';

此块在ID为'found_employees'的div中打印。如您所料,我正在寻找员工。在表中列出了找到的雇员,在此代码块中显而易见。下一步,我无法为其找到解决方案。如您所见,最新td处有一个按钮。单击此按钮后,我要将选定的员工复制到ID为'employees_to_be_registered'的另一个div中。该div实际上是一种将在一个特殊部门中注册所搜索员工的表格。该场景将是这样的:单击按钮后,我希望将员工的信息复制到输入标签中,以便在表单中进行处理。
提前谢谢。

2 个答案:

答案 0 :(得分:1)

我建议在员工信息周围设置跨度,例如:

    <td class="td-align"><span id='eFullname'>'.$employees["fullname"].'</span></td>
    <td class="td-align"><span id='eFanme'>'.$employees["faname"].'</span></td>
    <td class="td-align "><span id='eSid'>'.$employees["sid"].'</span></td>
    <td class="td-align "><span id='eNid'>'.$employees["nid"].'</span></td>
    <td class="td-align">
        <button type="button" name="update" id="'.$employees["id"].'" class="buttons edit-button">
            <span class="fa fa-anchor"></span> insert
        </button>
    </td>  

然后,您可以通过以下方式获取文本内容: document.getElementById(“ eFullname”)。textContent并将其插入带有

的文本类型的另一个输入中
<input type="text" id="anotherTextfield" />

document.getElementById("anotherTextfield").value=document.getElementById("eFullname").textContent

答案 1 :(得分:0)

“如何调用<<< id =“'。$ employees [” id“] >>>并将ID发送到其他页面进行处理?”

此代码可以帮助回答问题的那一部分:

"<td>
  <a href='employeed_to_be_registered.php?id=".$employees["id"]."'>
    <button type='button' class='btn btn-primary'>View</button>
  </a>
</td>"

这将重定向到URL中带有ID的指定页面。