Question

我搜索了这些问题而没有人直接解决我遇到的问题。如果已经解决，请原谅我;我找不到。我正在使用JavaScript创建一个表单并尝试提交它，但是当我执行form.submit时没有任何反应。页面重新加载，但它永远不会到达我指向它的PHP页面。

JavaScript：

    function voteForName(name){
       var form2 = document.createElement("form");
       form2.setAttribute("method", "get");
       form2.setAttribute("action", "../php/namesSuggest.php");

       var hiddenField = document.createElement("input");
       hiddenField.setAttribute("type", "text");
       hiddenField.setAttribute("name", "babyName");
       hiddenField.setAttribute("value", name);
       form2.appendChild(hiddenField);

       document.body.appendChild(form2);
       alert(form2.outerHTML);
       form2.submit();  
     }

html

            '<tr>
                <td width="33%"></td> 
                <td width="33%" align="center"><a href><p onclick="voteForName(\''. $obj["name"] .'\')" title="Click to vote for this name!" id="123'. $obj["name"] .'" >'
                    . $obj["name"] . 
                '</p></a></td>
                <td width="33%"></td>
              </tr>';

使用php形成html。文件夹已设置

site
    home
        fileWhereJSIsCalled.php
    php
        namesSuggestions.php
    js
        myJSfile.js

任何建议都将不胜感激。

Answer 1

试试这个

form2.setAttribute("action", "php/namesSuggest.php");

Answer 2

将href添加到<a>标记会刷新页面，而不是让javascript执行此操作。

非常愚蠢的错误，但我会在这里添加答案以防万一其他人有这个问题

如何让javascript将表单发送到php

2 个答案: