如何使用`id`而不是`name`来发布HTML表单

时间:2015-11-10 17:38:29

标签: javascript php element

以下代码将按名称获取元素,我将更改它以通过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获取元素?

提前致谢

3 个答案:

答案 0 :(得分:3)

您无法通过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>

有关详情,请点击getting values from ID instead of name

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

你不能这样做,我已经读过一些我们可以在HTML 4.01之后只用他们的名字控制元素的地方。

这里,以前的帖子也支持它。 previous post

但是,如果你真的想通过id访问它,那么你必须使用ajax调用来向服务器发送数据。在ajax调用中,您可以按其ID来访问元素。