jquery绑定onchange事件,弹出城市联动效果

html代码

 代码如下 复制代码

<selectname="cityid"id="citylist"class="select">
<option>--选择意向城市--</option>
<optionvalue="1182">杭州</option>
<optionvalue="1183">绍兴</option>
<optionvalue="1208">长沙</option>
<optionvalue="1217">温州</option>
<optionvalue="1342">成都</option>
<optionvalue="1278">衢州</option>
<optionvalue="1359">贵阳</option>
<optionvalue="1252">深圳</option>
<optionvalue="1230">金华</option>
<optionvalue="1241">台州</option>
<optionvalue="1305">重庆</option>
<optionvalue="1291">武汉</option>
<optionvalue="1317">南京</option>
<optionvalue="1318">无锡</option>
<optionvalue="1266">苏州</option>
</select>

<divclass="container"id="arealist">
<selectname="cityareaid"id="cityareaid"class="select">
<option>--请选择区域--</option>
</select>
</div>

jquery代码

 代码如下 复制代码

$("#citylist").change(function(){
varval=$('#citylist').val();
$.post("ca.php",{id:val,action:1},function(data){
$("#arealist").html(data);
});
});

php代码ca.php

 

 代码如下 复制代码
$uid=intval(PostGet('id',1));
$sql="selectid,cntitlefromabcwhereupid='$uid'";
$query=$db->query($sql);
if(!$db->rows($query))
{
exit;
}
else
{
$rs=$db->fetch($query,0);
$str='<selectname="cityareaid"id="cityareaid"class="select">';
foreach($rsas$v=>$vv)
{
$str.='<optionvalue="'.$vv['id'].'">'.$vv['cntitle'].'</option>';
}
echo$str.'</option>';
}

后来又发现另一种做法,就直接贴上吧

 

 代码如下 复制代码

<script type="text/javascript">
        $(document).ready(function()
        {
            $('#test1').bind("change", function()
            {
                alert(this.value);
                this.value = this.value+"aa";
            });
        });

</script>
<input id="test1" type="text" />

时间: 2024-09-21 21:34:04

jquery绑定onchange事件,弹出城市联动效果的相关文章

jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)_jquery

弹出层用来向用户展示详细的信息,交互性非常强.弹出层有对话框.模态窗口等形式,这里我都把他们叫做弹出层,我的同事们也是这么叫的.一般我们喜欢使用比较成熟的弹出层插件如fancybox等,但在本文,我将先抛弃插件,给大家介绍如何使用jQuery+CSS3+Html5实现弹出层. 效果展示        源码下载 我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可

jquery实现点击弹出层效果的简单实例_jquery

弹出层在实际应用中我们经常会碰到大量的弹出层效果,下面我来做一个基于jquery的简单的弹出层效果实例,各位朋友有兴趣可参考. 效果代码如下: 在 弹出层 中下面是核心代码 复制代码 代码如下: <script type="text/javascript">// 渐变弹出层$(document).ready(function(){ var speed = 600;//动画速度 $("#race a").click(function(event){//绑定

Jquery中LigerUi的弹出编辑框(实现方法)

本篇文章是对Jquery中LigerUi的弹出编辑框的实现方法进行了分析介绍,需要的朋友可以参考下   一.载入 复制代码 代码如下:     <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />     <script src="../lib/jquery/jquery-1.5.2.

jquery追加onchange事件这样做对吗??

问题描述 jquery追加onchange事件这样做对吗?? 解决方案 append是添加内容,事件绑定用bind或者on,事件名称不要加on $('#input1').bind('change',function(){getImgURL(this)}); 解决方案二: bind和on是对的 解决方案三: append("onChange",getImgURL(this)); 解决方案四: 总结oninput.onchange与onpropertychange事件的用法和区别JQuer

jQuery实现的自定义弹出层效果实例详解_jquery

本文实例讲述了jQuery实现的自定义弹出层效果.分享给大家供大家参考,具体如下: dialog.css: #DialogBySHFLayer { width:100%; height:100%; left:0; top:0; position:fixed; z-index:500; background-color:#333333; filter:alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4; } /*弹出的提示框*/ #DialogByS

jQuery实现点击弹出背景变暗遮罩效果实例代码_jquery

本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果,并且点击空白处隐藏弹出层的效果,效果非常棒,小编只给大家贴出了关键代码了,大家可以根据个人需要适当的添加内容. js代码如下: <script type="text/javascript"> $(document).ready(function(){ $(".tkyy").click(function(event){ event.stopPropagation(); //停止事件冒泡 $(&

jquery实现弹出层遮罩效果的简单实例

 这篇文章主要介绍了jquery实现弹出层遮罩效果的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <input type="button" value="高级搜索" id="click_test4" />"; var content4 = "<center>高级搜索</center><form action='' method='post' id='formUse

jquery制作漂亮的弹出层提示消息特效_jquery

今天给大家带来一款基于jquery超炫的弹出层提示消息.这款实例页面初始时,一个go按钮.当单击go按钮时,提示强出层以动画形式出现.效果图如下: 实现的代码. html代码: 复制代码 代码如下:   <div class='b'>     </div>     <div class='bb'>     </div>     <button id='go'>         GO     </button>     <div

jquery绑定click事件后执行单击以后,刷新页面会执行单击事件是什么原因?

问题描述 jquery绑定click事件后执行单击以后,刷新页面会执行单击事件是什么原因? $().ready(function () { $(".sysicon1:first").click(function () { $("#Btn").click(); }); }); 这段代码,页面加载没有执行#Btn的单击事件,当我点击一次#Btn后,正常执行了单击事件,但是我刷新本页面时又执行了一次单击事件,这是为什么呢? 我是想实现记录一个链接被点击时的时间和点击者的i