javascript_javascriptスキルを使用したフォーム送信方法のまとめ

これ以上ナンセンスはやめて、すぐに内容に入りましょう。

<form action="/home/search" method="get" id="search_form">
<div class="searchBox png" id="searchBox">
<input type="text" id="searchTxt" class="searchTxt" name="shopName" value="@shopName">
<a
class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document:search_form.submit();">
</a>
</div>
</form>

は次の方法で記述できます:

1.

<a class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document:search_form.submit();">送信</a>

2.

<a href="javascript:document:search_form.submit();">送信</a>

3.

<a class="searchPic h-submitBtn png" id="h-submitBtn" onclick="document.getElementById('search_form').submit();">送信</a>

上記はいくつかの方法をまとめたものであり、js を学習する皆さんのお役に立てば幸いです。