java回车搜索

最新推荐文章于 2025-12-21 21:47:42 发布

原创最新推荐文章于 2025-12-21 21:47:42 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript #前端

该代码段展示了如何使用JavaScript（jQuery）在输入框中通过监听回车键事件触发搜索按钮的功能。搜索功能根据用户输入，在页面上动态隐藏或显示匹配的内容。同时，代码处理了管理员和普通用户的搜索逻辑差异，并使用Ajax加载和更新导航树结构。

java回车搜索

java实现输入框回车搜索功能，通过获取id里的jsc，触发searchbtn这个id，将相应数据进行展示。

<script>
    //回车搜索
    $("#jsc").keydown(function(e){
        if(e.which==13){
            $("#searchbtn").click();
        }
    })
    //搜索
    $("#searchbtn").click(function () {
        var jsc=$("#jsc").val();
        //管理员搜索
        if ($("ul li a[id='lia']").length!=0) {
            if (jsc!=""){
                $("ul li a[id='lia']").each(function(){
                    if($(this)[0].innerText.indexOf(jsc)==-1){
                        this.parentElement.setAttribute("style","display:none");
                    }
                })
            }else{
                $("#navtree").children("li").each(function(){
                    this.setAttribute("style","display:block");
                })
            }
        }
        //用户搜索
        else{
            debugger;
            if(jsc!=""){
                $("div[id='fadiv']").each(function(){
                    if(this.innerText.indexOf(jsc)!=-1){
                        $(this).parents("li")[0].setAttribute("class","layui-nav-item layui-nav-itemed");
                    }
                })
            }else{
                $("#navtree").children("li").each(function(){
                    this.setAttribute("class","layui-nav-item");
                })
            }
        }
    });

$(document).ready(function(){
    loadnavtree();
});
function loadnavtree(){
	$.ajax({
        type:"post",
        async:false,
        url:"getdw",
        success:function(data){
            var data1  = $.parseJSON(data.result);
            var data2  = $.parseJSON(data.result1);
            var data3  = $.parseJSON(data.result2);
            var html = '';
            if (data1.length!=0){
                html += '<ul class="layui-nav layui-nav-tree" id="navtree">';
                for (var li=0;li<data1.length;li++){
                    html += '<li class="layui-nav-item">'
                            +'<a target="_self" href="javascript:void(0);" id="lia">'
                            +'<span>'+data1[li].yhxm +'</span>'
                            +'</a>';
                    for (var dl=0;dl<data3.length;dl++){
                        html += '<dl class="layui-nav-child">'
                                +'<dd>'
                                +'<a target="_self" href="javascript:void(0);">'
                                +'<span>'+data3[dl].lbmc +'</span>'
                                +'</a>'
                                +'<dl class="layui-nav-child" id="'+ data1[li].dwdm + data3[dl].lbdm+'">'
                                +'</dl>'
                                +'</dd>'
                                +'</dl>'
                    }
                }
                html += '</ul>';
                $("#SerachFa").after(html);
                for(var dd=0;dd<data2.length;dd++){
                    var ddhtml ='<dd id="'+data2[dd].ztbh+'">'
                                +'<a>'
                                +'<div style="width:130px;float:left" data-toggle="tooltip" title="'+data2[dd].ztmc+'" οnclick="modifyJcfaPage(\''+data2[dd].ztmc+'\',\''+data2[dd].ztbh+'\')">'
                                + data2[dd].ztmc
                                +'</div>'
                                +'<div style="width:30px;float:right">'
                                +'<i class="layui-icon layui-icon-more-vertical" οnclick="editfa(\''+data2[dd].ztbh+'\',\''+data2[dd].fxc+'\', \''+data2[dd].pcc+'\',\''+data2[dd].ztmc+'\')">'
                                +'</i>'
                                +'<i class="layui-icon layui-icon-delete" οnclick="delectfa('+data2[dd].ztbh+')">'
                                +'</i>'
                                +'</div>'
                                +'</a>'
                                +'</dd>';
                    var id ="#"+ data2[dd].dwdm + data2[dd].lbdm;
                    $(id).append(ddhtml);
                }
            }
            else if(data1.length==0){
                html += '<ul class="layui-nav layui-nav-tree" id="navtree">';
                for (var dl=0;dl<data3.length;dl++){
                    html += '<li class="layui-nav-item">'
                         +'<a target="_self" href="javascript:void(0);">'
                         +'<span>'+data3[dl].lbmc +'</span>'
                         +'</a>'
                         +'<dl class="layui-nav-child" id="'+ data3[dl].dwdm + data3[dl].lbdm+'">'
                         +'</dl>'
                         +'</li>'
                }
                html += '</ul>';
                $("#SerachFa").after(html);
                for(var dd=0;dd<data2.length;dd++){
                    var ddhtml ='<dd id="'+data2[dd].ztbh+'">'
                        +'<a>'
                        +'<div id="fadiv" style="width:130px;float:left" data-toggle="tooltip" title="'+data2[dd].ztmc+'" οnclick="modifyJcfaPage(\''+data2[dd].ztmc+'\',\''+data2[dd].ztbh+'\')">'
                        + data2[dd].ztmc
                        +'</div>'
                        +'<div style="width:30px;float:right">'
                        +'<i class="layui-icon layui-icon-more-vertical" οnclick="editfa(\''+data2[dd].ztbh+'\',\''+data2[dd].fxc+'\', \''+data2[dd].pcc+'\',\''+data2[dd].ztmc+'\')">'
                        +'</i>'
                        +'<i class="layui-icon layui-icon-delete" οnclick="delectfa('+data2[dd].ztbh+')">'
                        +'</i>'
                        +'</div>'
                        +'</a>'
                        +'</dd>';
                    var id ="#"+ data2[dd].dwdm + data2[dd].lbdm;
                    $(id).append(ddhtml);
                }
            }
		}
	})
};
function editfa(ztbh,fxc,pcc,ztmc) {
    layer.open({
        type:1,
        title:"修改监测专题",
        area:['600px','400px'],
        content:$("#jcfaxg"),
        //回显
        success:function(){
            $("#ztmc").attr("value",ztmc);
            $("#ztbh").attr("value",ztbh);
            if (fxc!="undefined"){
                document.getElementById("fxc").innerHTML = fxc;
            }
            if (pcc!="undefined"){
                document.getElementById("pcc").innerHTML = pcc;
            }

        }
    })
};
function delectfa(ztbh) {
    var html = "#" + ztbh;
    $.ajax({
        type: "post",
        async: false,
        url: "delectfa?ztbh="+ztbh,
        success: function (data) {
            if (data.message=='删除监测专题成功'){
                alert("删除监测专题成功");
                $(html).remove();
                location.reload();
            }
            else{
                alert(data.message);
            }
        }
    })
};
function newfa() {
    layer.open({
        type:1,
        title:"新建监测专题",
        area:['450px','100%'],
        offset:'r',
        content:$("#newfa")
    })
};