Отправить форму из выпадающего меню текстовая ссылка
У меня есть выпадающее меню с некоторыми действиями, но мне нужна помощь, чтобы отправить форму по клику через текстовую ссылку и передать атрибут 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>
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();
});
Это не так, как работает HTML, ссылка не отправляет какую-либо информацию, кроме URL, который вы указали в атрибуте href, вы можете сделать это
<li><a href="?name=option2" name="option2" >Option 2</a></li>
которая не требует формы, или если вы хотите опубликовать, вам понадобится, чтобы каждая опция была отдельной формой, или вы можете использовать решение, предоставленное isherwood.