超鏈接提交form表單

這篇文章主要介紹了js實現a標籤超鏈接提交form表單的方法,涉及javascript針對表單操作的相關技巧,需要的朋友可以參考下

本文實例講述了js實現a標籤超鏈接提交form表單的方法。分享給大家供大家參考。具體實現方法如下：

?

1 2 3 4 5 6 7 8 9

<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>

這裏a標籤可以有以下幾種寫法：

方法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>

希望本文所述對大家的javascript程序設計有所幫助。