如何在搜索圖標的點擊獲得搜索表單

-2

搜索圖標

<span id="et_search_icon"></span>

搜索表單

想將此搜索點擊搜索圖標和

<form role="search" method="get" class="et-search-form" action="run.php"> 
<input type="search" class="et-search-field" /> 
</form> 
<span class="et_close_search_field"></span>

來源

2017-09-25 rahul

請做一些功課：https://www.google.com/search?q=show+and+hide+a+form+on+click – mplungjan

請複習[我如何問一個好問題]（ https://stackoverflow.com/help/how-to-ask）。你已經試圖找到問題了？問題應該顯示**研究證據和嘗試自己解決問題**，清楚地列出您的特定編碼相關問題以及[最小，完整和可驗證示例]中的任何相關代碼（https：// stackoverflow .com/help/mcve），所以我們可以提供幫助。 – FluffyKitten

jQuery的

$('#et_search_icon').click(function(){ 
    $('.et-search-form').show(); 
});

的JavaScript

var form = document.getElementsByClassName('et-search-form'); 
function clickBtn() { 
    form[0].style.display = 'block'; 
} 
<span onClick="clickBtn()" id="et_search_icon"></span>

來源

2017-09-25 05:56:23

這個問題沒有標記jQuery – mplungjan

您可以用jQuery做到這一點：

$("#et-search-form").hide(); 
$("#et_search_icon").click(function(){ 
    $("#et-search-form").show(); 
})

HTML：點擊此處

<form role="search" method="get" id="et-search-form" action="run.php"> 
<input type="search" class="et-search-field" /> 
</form>

來源

2017-09-25 06:03:04

如何在搜索圖標的點擊獲得搜索表單

回答

相關問題