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属性中设置的网址以外的任何信息，您可以这样做

<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();
});

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

2 个答案: