页面仿百度下拉框，支持动态后台提取数据

最新推荐文章于 2022-06-09 14:01:09 发布

ychatou1220

最新推荐文章于 2022-06-09 14:01:09 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签：百度 function input string list class

本文链接：https://blog.csdn.net/ychatou1220/article/details/5787969

html 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个包含复杂JavaScript交互的网页案例，涉及元素位置计算、动态内容加载及键盘事件处理等技术细节。通过分析JavaScript代码，展示了如何实现输入框联想提示、日期选择器等功能，并解释了前后端交互原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function reset() {
  document.getElementById("word").value = "";
  document.getElementById("zhutiText").value = "";
  document.getElementById("start").value = "";
  document.getElementById("end").value = "";
}

function hidden(id) {
document.getElementById(id).style.display = "none";
}

function show(id) {
document.getElementById(id).style.display = "";
}

function isVisible(id) {
if(document.getElementById(id).style.display == "none") return false;
else return true;
}

function changeValue(b) {
  var value = b.innerHTML;
  document.getElementById("word").value = value;
  hidden("showOrg");
}

function changeValueTopic(a) {
  var value = a.innerHTML;
  document.getElementById("zhutiText").value = value;
  hidden("showTopic");
}

控制器：

public ModelAndView query4OrgList(HttpServletRequest request,
   HttpServletResponse response, UpdateInfoCmd cmd) throws Exception {
  request.setCharacterEncoding("utf-8");
  response.setContentType("text/json; charset=gbk");
  List list = new ArrayList();
  String word = null;
  try {
   word = ServletRequestUtils.getStringParameter(request, "word", "");
   word = URLDecoder.decode(word, "UTF-8").trim();
   list = topicInfoSve.getOrgName(word);
   String data = "[";
   String dataStr = "";
   if(list!=null && list.size()!=0) {
    for(int i=0; i<list.size(); i++) {
     System.out.println(list.get(i));
     data = data+"{name:'"+list.get(i)+"'},";
     dataStr = data.substring(0, data.length()-1);
    }
   } else {
    dataStr = data+"{name:''}";
   }
   dataStr = dataStr+"]";
   response.getWriter().write(dataStr);
  } catch (IOException e) {
   e.printStackTrace();
  }
  return null;
}

public ModelAndView query4TopicList(HttpServletRequest request,
   HttpServletResponse response, UpdateInfoCmd cmd) throws Exception {
  request.setCharacterEncoding("utf-8");
  response.setContentType("text/json; charset=gbk");
  List list = new ArrayList();
  String word = "";
  String topicword = "";
  try {
   word = ServletRequestUtils.getStringParameter(request, "word", "");
   topicword = ServletRequestUtils.getStringParameter(request, "zhutiText", "");
   word = URLDecoder.decode(word, "UTF-8").trim();
   topicword = URLDecoder.decode(topicword, "UTF-8").trim();
   list = topicInfoSve.getTopicName(word, topicword);
   String data = "[";
   String dataStr = "";
   if(list!=null && list.size()!=0) {
    for(int i=0; i<list.size(); i++) {
     TopicInfo topicInfo = (TopicInfo) list.get(i);
     data = data+"{name:'"+topicInfo.getTopicName()+"'},";
     dataStr = data.substring(0, data.length()-1);
    }
   } else {
    dataStr = data+"{name:''}";
   }
   dataStr = dataStr+"]";
   response.getWriter().write(dataStr);
  } catch (IOException e) {
   e.printStackTrace();
  }
  return null;
}