我想从表单中获取<li>
值。我将所有<li>
命名为同名,只是值正在改变(我希望得到这个值)。我正在使用post方法,但是当我尝试阅读发布的内容时,无论我点击哪个<li>
,都只会发送最新的<li>
:
<form method = "post" action ="{{path('recap')}}">
<ul>
<li onclick="submit()"><input type="hidden" name="foo" value="bar"><a href="#">bar</a></li>
<li onclick="submit()"><input type="hidden" name="foo" value="barfoo"><a href="#">barfoo</a></li>
<li onclick="submit()"><input type="hidden" name="foo" value="foofoobar"><a href="#">foofoobar</a></li>
</ul>
</form>
这里只有&#34; foofoobar&#34;已发送。我试着将我所有的<li>
命名为&#34; foo []&#34;转储它。我已经看到所有人都是同时邮寄的。这就是为什么我只能阅读最后一个。
我不想使用GET方法
答案 0 :(得分:1)
您需要使用仅在您单击时才能成功控制的输入。即提交按钮。
这样就无需使用JavaScript来提交表单和指向页面顶部的链接,以提供可见的内容。
<form>
<ul>
<li> <input type="submit" name="foo" value="bar">
<li> <input type="submit" name="foo" value="barfoo">
<li> <input type="submit" name="foo" value="foofoobar">
</ul>
</form>
添加CSS以删除默认背景和边框,如果您不喜欢提交按钮的外观(或者不要因为默认样式使其明显可点击)。