接上篇，用select实现级联下拉框联动

最新推荐文章于 2023-11-15 15:07:10 发布

VIP文章起风了327

最新推荐文章于 2023-11-15 15:07:10 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qifengle327/article/details/106859095

版权

最近做项目要用到级联下拉框联动，一开始用的是doubleselect，标签虽然挺好用，但是表单数据往后台传输，太困难了，没做出来，然后换的select下面
jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ include file="/common/common.jsp"%>
<%@page import="com.archive.entity.Role"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<script type="text/javascript">

function findchild(){
   
	
	var sta=document.getElementById("cname").value;
	
	var url="<%=basePath%>system/promptAction!getdn.action?cname="+sta;
	 $.ajax({
   
		 url:"<%=basePath%>system/promptAction!getdn.action",    //请求的url地址
		 dataType:"text",   //返回格式为json
		 async:true,//请求是否异步，默认为异步，这也是ajax重要特性
		 cache: true,
		 data:{
   "cname":sta},    //参数值
		 type:"POST",   //请求方式
		   success:function(req){
   
			   
			   arr=req.split(",");$("#dname");
			   for(var i=0;i<arr.length;i++){
   
				   $("#disname").append('<option value='+arr[i]+'>'+arr[i]+'</option>');
			   }
		    },
		    error:function(req){
   
		    	alert("请求出错!请重新请求"

最低0.47元/天解锁文章

起风了327

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
接上篇，用select实现级联下拉框联动

最近做项目要用到级联下拉框联动，一开始用的是doubleselect，标签虽然挺好用，但是表单数据往后台传输，太困难了，没做出来，然后换的select下面jsp：<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@taglib prefix="s" uri="/struts-tags"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T
复制链接

扫一扫