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

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