DropDownList实现Ajax无刷新省市三级联动错误解决方法

解决方法:

(把dropdownlist改为客户端html控件select,然后用ajax存储,肯定不会有错误

,但是这里表单有很多需要提交的数据,所以不考虑用客户端html控件)

1、在页面的<%@ page language="c#" autoeventwireup="true"

codefile="default.asp教程x.cs" inherits="_default" %> 中添加

enableeventvalidation="false";

2、在页面添加隐藏域<input type="hidden" id="inputcity" runat="server" />

,然后用js将dropdownlist选择后的值赋值给隐藏域,

这样后台就可以通过 inputcity.value 来读取到隐藏域的值,也就是省市选择的

值了

问题

用服务端控件dropdownlist实现ajax无刷新省市三级联动

省:<asp:dropdownlist id="ddlprovince" runat="server" 

enableviewstate="false"></asp:dropdownlist>
市:<asp:dropdownlist id="ddlcity" runat="server" 

enableviewstate="false"></asp:dropdownlist>
区:<asp:dropdownlist id="ddlcounty" runat="server" 

enableviewstate="false"></asp:dropdownlist>

 

做法:

页面加载时首先加载“省”的数据,然后给市和区分别加上“请选择”的项,用

jquery的$.post()方法顺利的实现了ajax无刷新省市联动

时间: 2024-09-20 08:54:35

DropDownList实现Ajax无刷新省市三级联动错误解决方法的相关文章

php+js+ajax+mysql实现省市三级联动

效果如下图: 思路:先获取所选省的市或者是所选时的县,将获取的数据转换为jason格式的字符串返回到ajax客户端,在客户端使用eval将jason格式的字符串转化为对象,将对象的每个元素值创建成文本节点,并创建option节点,将文本节点追加到option节点,在将option的节点追加给select节点. ajax-area-select.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

Yii2使用dropdownlist实现地区三级联动功能的方法_php实例

本文实例讲述了Yii2使用dropdownlist实现地区三级联动功能的方法.分享给大家供大家参考,具体如下: 视图部分: <?php use yii\helpers\Url; use yii\widgets\ActiveForm; use yii\helpers\ArrayHelper; use yii\helpers\Html; /* @var $this yii\web\View */ /* @var $model common\search\service\ItemSearch */ /

.net Ajax无刷新技术

ajax|刷新|无刷新 [导读]Ajax技术了,号称无刷新,其实是在web上通过javascript,使用异步的xmlhttp请求,实现无刷新的web界面.本文通过一个实例带大家体验.net Ajax无刷新技术-- 下载一个.net Ajax开发包,该开发包包括ASP2.0和目前ASP1.1版使用的Ajax,详细地址参见http://ajax.schwarz-interactive.de/,接下来,开始. 1. 新建一个项目,在引用中添加引用Ajax.dll,Ajax.dll位于下载的压缩包里面

jQuery.form Ajax无刷新上传报错的解决方法

今天在用ajaxfileupload时firebug报了一个"jQuery.handleError is not a function"的错误.因为在以前使用jQuery.form一直都没有出现过这个问题,我对比以前的项目才发现,在这个项目中使用的jQuery是1.10.2的版本,而以前是使用的1.4.2.度娘一番之后,找到解决办法:jQuery.handleError is not a function 报错原因是: handlerError只在jquery-1.4.2之前的版本中存

js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现

 这篇文章主要介绍了js动态创建上传表单通过iframe模拟Ajax无刷新的具体实现,需要的朋友可以参考下  代码如下: <script>  window.onload=function(){  upfile('file.php');  }      /*  ** url 路径  **/  function upfile(url){  //创建iframe  var iframe = document.createElement("iframe");  document.b

Ajax无刷新分页的性能优化方法_AJAX相关

Ajax无刷新分页,已经是一个大家比较熟悉的事物了,大概就是web前端页面上有一个js的方法,通过Ajax去请求服务器端的分页数据接口,拿到数据后再在页面上创建html结构,展现给用户,类似于下面这样: <script type="text/javascript"> function getPage(pageIndex){ ajax({ url:" RemoteInterface.cgi", method:"get", data:{p

jQuery实现form表单基于ajax无刷新提交方法详解_jquery

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!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.o

ajax无刷新(添加评论功能)

问题描述 ajax无刷新(添加评论功能) JSp,我 用ajax无刷新写了一个添加评论的功能,但是JS脚本这边解析servlet端构造的xml文档老是报错,代码如下: (当解析"item"根节点就报错了-"不支持该属性或方法",如果有其它的错误,请指出,该如何解决,谢谢!) servlet: StringBuffer sb=new StringBuffer(); sb.append(""); sb.append(""+coun

ajaxfileupload.js插件结合一般处理文件实现Ajax无刷新上传

先上几张图更直观展示一下要实现的功能,本功能主要通过Jquery ajaxfileupload.js插件结合ajaxUpFile.ashx一般应用程序处理文件实现Ajax无刷新上传功能,结合NPOI2.0实现数据读取.这个功能在实际工作种经常用到,希望能给需要做这方面的人有些帮助. 一.功能页面布局及介绍 1.上传页面布局及input file上传功能 2.上传页面文件正在上传效果 3.上传完成效果,多文件展示区 二.功能代码实现及资源引用 1.js资源文件引用 html页面js引用,需要引用j