当前位置:首页 > 日记 > 正文

的下拉框,通过AJAX完美的解决问题的变化

的下拉框,通过AJAX完美的解决问题的变化
也就是说,当触发下拉框的onchange事件,代理的下拉框选项也发生相应的变化。例如,选择湖南地区到长沙,然后代理下拉框只显示长沙的代理。

认为这是非常好的,但在实际的变化,发现了很多问题,主要的问题是,原来的地区联动,实现在JS的数据源是一个XML文件,如果下拉框是服务器端的控制问题就很好解决,现在是HTML控制突然好像我想改变一些不好的,要实现这几种方法都不理想,最后用Ajax实现的问题现在的想法仔细想想,顺利完成或容易解决的,因为这似乎是唯一使用AJAX来更好的解决方案,如果是向下拉框的onchange事件背景区域。该区通过下拉框ID,实际上有一个回发将重新初始化的下拉框联动区域。

现在我将讨论Ajax实现的过程。
当然,第一页需要定义一个带有下拉框的HTML控件。
复制代码代码如下所示:
接下来的事情,当然,定义XMLHttpRequest对象。
复制代码代码如下所示:
VaR技术;
CreateXmlHttp()函数
{

/ IE浏览器来创建XMLHttpRequest对象
如果(窗口。XmlHttpRequest)
{
XMLHTTP =新的XMLHttpRequest();
}
/ / IE浏览器的XMLHttpRequest对象的创建
如果(窗口。ActiveX对象)
{
尝试
{
XMLHTTP =新的ActiveX对象(微软。XMLHTTP );
}
捕捉(e)
{
尝试{
XMLHTTP =新的ActiveX对象(MSXML2. XMLHTTP );
}
catch(前){ }
}
}
}

这在我的许多博客文章中得到了解释,我没有说太多。
下一件事当然是使用对象发送条件,获取数据,并将获取的数据绑定到代理下拉框中。
AjaxSend()的功能是在该地区的下拉框的onchange事件触发;

复制代码代码如下所示:
AjaxSend()函数
{
/ /创建XMLHttpRequest对象
CreateXmlHttp();
如果(!Xmlhttp)
{
警报(创建XMLHttpRequest的例外!;
返回false;
}
获取区域下拉框值,作为发送的条件
VaR SS = document.getelementbyid(A2)。Value.substring(0,4);
}
/ /发送URL userajax,我用特殊的数据
url =userajax。aspxarea =+不锈钢;
Xmlhttp.open(后

Xmlhttp。onreadystatechange =功能()
{
如果(XMLHTTP。发生= 4)
{
如果(XMLHTTP。状态= = 200)
{
/原来的下拉框空
document.getelementbyid(代理)。选项。长度= 0;
是一个返回字符串,以0001代理10002代理20003 代理3的形式出现。
var str = xmlHttp.responseText;
字符串被分为数组形式。
VAR STR = str.split(
document.getelementbyid(代理)。Options.add(新(选项
对于(var i = 0;i < strs.length-1;i++)
{
获取值值(数字)
创建一个STR {我}。substring(0,STR {我}。字符串(/));
获取绑定内容
var b = STR {我}。substring(STR {我}。字符串(/)+ 1,STR。长度);
绑定到下拉框
document.getelementbyid(代理)。Options.add(新的选项(B,A));
}
}
}
}
Xmlhttp.send();
}

顺便说一下,我们还将得到的数据返回到字符串的过程后,UserAjax接到区数。
复制代码代码如下所示:
字符串面积=请求。QueryString {地区} ToString();
DataTable数据=生成DataTable,涉及公司核心代码,省略
字符串;
为(int i = 0;i < data.rows.count;i++)
{
如果(=)
{
AA =数据。行{我} {id}。ToString()+/+数据。行{我} {名字ToString()};
}
其他的
{
aa = aa +
}
}
响应(写入);

这样,ajax就可以很好地解决一个比较困难的问题,因为后台返回后台不会初始化下拉框,从而导致选项的改变。亲爱的朋友,如果你看看这个例子,你也有ajax吗
更好的理解

相关文章

烟花动画基本类型的介绍与解释

烟花动画基本类型的介绍与解释

动画,解释,基本类型,烟花,电脑软件,本教程将介绍焰火动画的基本类型和动画分析的效果。本教程非常详细和全面,值得学习。转发,希望能对你有所帮助。 本教程将介绍焰火动画的基本类型和动画分析的效果。本教程非常详细和全面,值得学习。转发,希…

html折扣计算的价格实现原理及脚本

html折扣计算的价格实现原理及脚本

实现原理,折扣,脚本,计算,代码,其原理是设置计算价格事件函数,采取不同的下拉折扣,计算结果发送到文本框中,感兴趣的朋友可以参考参考。 复制代码代码如下所示: 折扣价格计算后 函数计算器(){ 无功价格= document.getelementbyid(价格); VaR的折扣=…

设置静态内容缓存时间的PHP方法

设置静态内容缓存时间的PHP方法

缓存,方法,设置,静态,时间,本文演示了PHP设置静态内容缓存时间的方法: 作为一个小测试,在使用百度工具时建议我们设置静态内容缓存时间,我没有服务器权限,只能从另一端开始,他们学习php i搜索时可以找到使用头函数实现浏览器缓存页面,如下所示。…

ai绘制一个超级漂亮的圣诞火鸡教程

ai绘制一个超级漂亮的圣诞火鸡教程

教程,绘制,火鸡,圣诞,漂亮,本教程是向朋友介绍一个超漂亮的圣诞火鸡绘制方法。这个教程的效果真的很好,难度也不是很大。建议像你这样的朋友可以按照教程学习。 本教程教AI学习者使用AI绘制超级漂亮的圣诞火鸡。教程一般都很难,但是作者使用…

使用jtopo添加鼠标事件的元素绘制

使用jtopo添加鼠标事件的元素绘制

鼠标事件,元素,绘制,调研,电脑软件,画在画布上的东西不能对应的鼠标事件,但它是非常简单的使用jtopo添加事件。这里有一个你可以参考的例子。 使用HTML5时,画在画布上的东西无法对应鼠标事件,但jtopo添加事件很简单,而且效果如下: 代码示例: 复…

ps将的白色底部改为蓝色底部,白色底

ps将的白色底部改为蓝色底部,白色底

红色,蓝色,白色,电脑软件,ps,一些家长在网上支付的电子照片,因为有要求,必须是白色或红色,但只有一个蓝色的背景,如果出了事你说要花的钱没有任何原因或理由。下面分享PS改变图片的白底蓝底,为白底蓝底,红蓝底的过程,让我们看看它。 通常我们需要…

Dreamweaver教程制作页面浮动示例

Dreamweaver教程制作页面浮动示例

浮动,教程,示例,页面,电脑软件,本文主要介绍了Dreamweaver浮动网页的广告示例,供您需要的朋友参考。 实践: 先在Dreamweaver中插入一层 然后把广告图片放在图层里。 最后,在标签上使用这个插件。 这是一个很好的挂出 安装后,它将被放置在…

使用Javascript实现简单的制表符开关

使用Javascript实现简单的制表符开关

制表符,简单,电脑软件,Javascript,代码很简单,很容易理解,而且没有更多的废话。 直接附上代码: 复制代码代码如下所示: JS简单的标签 * {字体大小:14px;保证金:0px;} 一个{颜色:# a0b3d6;文字装饰:无;} { border: 1px solid。标签# a0b3d6;保证金:10…

PS图象处理软件合成的大Hercules从

PS图象处理软件合成的大Hercules从

图象,处理软件,地球,电脑软件,PS,本教程介绍给朋友,使用PS图象处理软件图片合成大力神诞生于地球。教程产生的整体效果非常好。作者详细介绍了生产过程,并推荐给朋友们。 本教程介绍给朋友,使用PS图象处理软件图片合成大力神诞生于地球。本教…

确定最小跨度高度的一种方法

确定最小跨度高度的一种方法

方法,跨度,最小,高度,电脑软件,有些朋友不会很好地使用跨度标签,尤其是当他们需要定义宽度和高度时。这里有两个好的解决方案。 跨标签通常用于生成HTML页面,但有些朋友对它们不感兴趣。许多朋友似乎认为它们很好用,但使用起来也很麻烦,尤其是…

div允许div内部元素均匀分布,如单选

div允许div内部元素均匀分布,如单选

元素,单选按钮,均匀分布,电脑软件,div,网站上有多个单选按钮,以便它们可以均匀分布。这会更有趣一点。大多数在线方法都不实用。下面是一个成功的测试方法。你可以看到它。 RT,网站上有不止一个单选按钮,想让它均匀分布,大量在线搜索,终于找到…