javascript - 从下拉菜单文本链接提交表单

Question

我有一些包含一些操作的下拉菜单，但我需要帮助才能通过文本链接点击提交表单并将 name 属性传递给 POST 方法。我的页面上已经有 jQuery，下面的代码可以工作，但name没有发送属性。

<form id="myForm" name="myForm" action="" method="post">

<button class="dropdown">Actions</button>
<ul class="ul_dropdown">
     <li><a href="#" name="option1" onclick="$(this).closest('form').submit()">Option 1</a></li>
     <li><a href="#" name="option2" onclick="$(this).closest('form').submit()">Option 2</a></li>
</ul>
... other form fields ...
</form>

Answer 1

这不是 HTML 的工作方式，链接不会发送除您在 href 属性中设置的 url 之外的任何信息，您可以这样做

<li><a href="?name=option2" name="option2" >Option 2</a></li>

这不需要表格，或者如果您希望发布，您需要每个选项都是单独的表格，或者您可以使用 isherwood 提供的解决方案。

Answer 2

<ul class="ul_dropdown">
     <li><a href="#" name="option1">Option 1</a></li>
     <li><a href="#" name="option2">Option 2</a></li>
</ul>

<input id="linkName" type="hidden" />


$('ul_dropdown li a').on('click', function() {
    $('#linkName').val( $(this).attr('name') );
    $(this).closest('form').submit();
});