javascript - 提交表格

Answer 1

只有表单元素（select、input、textarea）被提交到服务器。并且值不是a标签的有效属性。如果您唯一需要的是获得点击链接的价值 - 您可以使用 href：

<li><a id="target" name="target" href="?target=A">A</a></li>
<li><a id="target" name="target" href="?target=B">B</a></li>
<li><a id="target" name="target" href="?target=C">C</a></li>

而不是在服务器上：

Request["target"]

否则-您需要执行 onclick 处理程序，a并获取 clicked 的值a，将其放入某个隐藏字段，然后调用document.myform.submit()；

Answer 2

首先，拥有多个具有相同 id 的元素是无效的 HTML - 不要那样做。相同name是有效的，所以保留它。

其次，您必须使用 JavaScript 填充隐藏的表单输入并自动提交表单。添加隐藏输入：

<input type="hidden" name="target" />

然后有这样的代码：

window.onload = function() {
    var anchors = document.getElementsByTagName("a");
    var oForm = document.forms["myform"];
    var oHiddenInput = oForm.elements["target"];
    for (var i = 0; i < anchors.length; i++) {
        if (anchors[i].name === "target") {
            anchors[i].onclick = function() {
                oHiddenInput.value = this.value;
                oForm.submit();
                return false;
            };
        }
    }
};

Answer 3

也试试这个：

<ul>
  <form name="myform" id="myform" method="post">
    <input type="hidden" name="target"  id="target" value="">
    <li><a class="target" id="t1" name="target" rel='A' href="#">A</a></li>
    <li><a class="target" id="t2" name="target" rel='B' href="#">B</a></li>
    <li><a class="target" id="t3" name="target" rel='C' href="#">C</a></li>
  </form>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="application/javascript">
   $(document).ready(function(){
       $('.target').click(function(){
           $('#target').val($(this).attr('rel'));
           $('#myform').submit();

        });
     });
</script>

Answer 4

谢谢大家，

我混合了一些解决方案：

HTML

<form name="myform" method="post">
  <li><a href="#" onclick="submit('A');">A</a></li>
  <li><a href="#" onclick="submit('B');">B</a></li>
  <li><a href="#" onclick="submit('C');">C</a></li>
  <input name="target" type="hidden" value=""/>
</form>

JS

<script type="text/javascript" language="javascript">
    function submit(target) {
        document.forms['myform'].elements['target'].value = target;
        document.myform.submit();
    }
</script>