如何通过单击搜索图标获取搜索表单

时间:2017-09-25 05:53:56

标签: javascript html wordpress

这是我的代码

点击搜索图标

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

2 个答案:

答案 0 :(得分:0)

的jQuery

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

的javascript

 if(!this.isDestroyed() && friendImageView!=null && current.getPhotoUrl()!=null){
        Glide.with(itemHolder.friendImageView.getContext())
                .load( current.getPhotoUrl())
                .bitmapTransform(new CropCircleTransformation(context))
                .placeholder(R.drawable.x2)
                .into(itemHolder.friendImageView);  
    }

答案 1 :(得分:0)

您可以使用Jquery执行此操作:

<ng-container *ngFor="let item of items">
    <option value="{{ item.key }}">
        {{ item.value }}
    </option>
</ng-container>

HTML:     点击这里

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