如何使用“id”而不是“name”来POST HTML表单


How to POST HTML form using `id` instead of `name`

下面的代码将按名称获取元素,我将把它改为按ID获取元素,如何制作?

<?
if($_SERVER["REQUEST_METHOD"] == "POST" && array_key_exists("calculateFormSubmit", $_POST)) {
    $connectionData = ["server" => "","user" => "","pass" => "","database" => ""];
    $db = null;
    try {
      $db = new PDO("mysql:host=" . $connectionData["server"] . ";dbname=" . $connectionData["database"], $connectionData["user"], $connectionData["pass"]);
      $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    } 
    catch(PDOException $e) {
      echo $e->getMessage();
    }
    $dateFrom = (int)$_POST["YearBox"] . "-" . (int)$_POST["gmonth"] . "-" . (int)$_POST["gday1"];
    $dateTo = (int)$_POST["gyear2"] . "-" . (int)$_POST["gmonth2"] . "-" . (int)$_POST["gday2"];
    $stmt = $db->prepare("SELECT SUM(rialamount) as sum_result FROM problem_tbl WHERE opening_date BETWEEN STR_TO_DATE(:date_from, '%Y-%c-%e') AND STR_TO_DATE(:date_to, '%Y-%c-%e')");
    $stmt->bindValue(":date_from", $dateFrom);
    $stmt->bindValue(":date_to", $dateTo);
    $stmt->execute();
    $userData = $stmt->fetchAll(PDO::FETCH_ASSOC);
    if($userData != false) {
    foreach ($userData as $idPatient) {
            header('Content-Type: text/html; charset=utf-8');
            echo "<p>Text Here </p>'n";
            echo "<div id='"rialamount'" style='"text-shadow: 2px 2px 5px #0B4D09; font-size: 140%;'">'n";
            echo       "<b>" .  ['']  .        "<b> - "  . $idPatient["sum_result"] . "<br />";
            echo "</div>'n";
    }
    }
    if($db !== null) {
        $db = null;
    }
}
?>

$dateFrom$dateTo中将按类名获取元素,如何更改它们以按ID获取元素??

提前感谢

您不能不通过它在名称上工作的ID在php中检索数据。。所以你需要改变

PHP

<form method="POST" action="nextpage.php" name="myform" id="myform">
    <input type="text" id="rout_markers"  name="rout_markers"/>
    <input type="hidden" name="someNewName" id="someNewName" value="" />
    <input type="submit" id="send-btn"  class="button" value="SEND NOW" onclick="submitform()" />
</form>

jQuery

$("form").bind('submit',function(e){
  e.preventDefault();
  var hiddenData=$("input[name=rout_markers]").val();
  // or var hiddenData=jQuery('#rout_markers').val(); 
  $("input[type=hidden][name=someNewName]").val(hiddenData);  
});

nextpage.php

在下方检索数据

$_POST['someNewName'];

更新

在提交按钮中设置onclick=submitform(),并指定nameid属性以形成和写入此

javascript

<script type="text/javascript">
    function submitform()
    {
        var hiddenData = document.getElementById('rout_markers').value;
        document.getElementById('someNewName').value = hiddenData;
        document.myform.submit();
    }
</script>

有关更多信息,请单击从ID获取值,而不是名称

默认情况下,HTML form提交在元素的name属性上键入的值。

您可以使用JavaScript修改此行为,方法是编写一个处理表单的onsubmit操作的函数,然后自己执行提交。

  1. 当用户点击<input type="submit">或以其他方式提交表单时,会触发submit事件
  2. 如果您设置了一个JavaScript函数来处理onsubmit,那么此时将调用它
  3. 然后,您的函数应该为所需的服务器资源(即在表单的action属性中指定并包含问题中的代码的服务器资源)创建一个HTTPPOST请求。与此请求一起发送的POST数据可以在id或您希望使用的任何其他标识符上键入
  4. 然后,您的功能应取消由浏览器启动的表单提交(例如return false

你不能这样做,我在某个地方读到,我们可以只通过HTML 4.01之后的名称来控制元素。

在这里,上一篇文章也支持它。上一次后

但,若您真的想通过id访问它,那个么就必须使用ajax调用将数据发送到服务器。在ajax调用中,您可以通过它们的Id访问元素。