实现两个autocompleter标签内容的关联(Struts2-AJAX)

本文介绍了如何使用Struts2的autocompleter标签结合AJAX实现联动效果,例如在注册系统中根据选择的省份动态加载城市列表。通过设置formId、notifyTopics和listenTopics属性,当省份选择改变时,城市列表自动更新。涉及到的Action类中包含省和市的列表,以及对应的getter和setter方法。在前端页面,provinces.jsp和cities.jsp分别展示省份和城市,最终在浏览器中展示联动效果。
摘要由CSDN通过智能技术生成

       通过指定autocompleter标签的formld属性,可以使两个<s:autocompleter>标签关联起来进行联动。如在某些网站的注册系统中,可以选择注册用户所在的省和所有的市,当用户选择某一个省时,在市列表框中就会列出该省所有的市。这个功能使用autocompleter标签非常容易实现。
       实现该功能的基木原理是将显示省的autocompleter标签放在<s:form...>标签中,并使用notifyTopics属性发布一个事件。 然后在显示市的autocompleter标签中使用listenTopics属性监听该事件,并通过formld 属性指定<s:fom.../>标签的id值。一旦显示省的autocompleter标签成功发布事件,显示市的autocompleter标签就会立即监听到该事件,提交表单,以获得该省的所有市,并显示在autocompleter标签中。下面的代码显示了省和市的列表。

<!--  autocompleter_form.jsp  -->
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
	<head>
		<title>两个autocompleter标签联动</title>
		<s:head theme="ajax" />
		<style type="text/css">
input {
	widt
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值