案例一:
案例二:
<!--搜索--> <div class="g-se"> <span class="u-bt" ></span> <input type="button" class="u-in"> <div class="m-ipt"> <input type="text" class="u-key clear_word" id="se_key" value="请输入关键词"> </div> <div class="clear"></div> </div> |
/* 搜索JS文件内容 */ $(function () { //搜索框 开始 $(".u-in").unbind().bind("click", searchKeyWord); //搜索框 }); function searchKeyWord() { var url = ""; var type = "searchtype"; //var kwd = $(this).children(".m-ipt").children("#se_key").val();//$("#se_key").val(); var kwd = $(this).parent().find("#se_key").val(); if (kwd != "请输入关键词") { url = "/plus/search.php?q="+kwd+"&searchtype=title"; window.location.href = url; } } |
案例二:
<div class="input_box"> <input type="text" name="q" id="q" value="" placeholder="输入查找内容" onkeypress="if (event.keyCode == 13) {searchreturn();return false;}"/> </div> |
<script type="text/javascript" charset="utf8"> function searchreturn(){ var wdword=$('#q').val(); if(!wdword) { alert('请输入搜索内容'); return false; } // wdword=encodeURI(wdword) // console.log(wdword) var gapp=''; window.location.href=(gapp+"/plus/search.php?q="+wdword+"&searchtype=title"); } $(function(){ $('.serach_main>div:nth-child(1)').on('click',function(){ searchreturn() }) $(".search_btn").on('click',function(){ $(".serach_box").addClass('active') }) $('.close_btn').on('click',function(){ $(".serach_box").removeClass('active') $("#serach_text").val('') }) }) </script> |
转载请注明:DEDEcms» DEDE使用JS实现内容搜索,用JS替换form两个案例
标签: