`
viva_yang
  • 浏览: 35584 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

下拉框ajax特效

阅读更多
下拉框ajax特效

在layout主模板或者view中加入<%= javascript_include_tag 'prototype' %>

在需要放置下拉框的地方设置
  
   <%= collection_select(:member, :company_province, @province, :provinceid, :province,options ={:prompt => '一级分类'},
  html_options = {:onChange => remote_function(:update => "person_area_places_box",
      :url => { :action => :select_change}, :with => "'provinceid='+value" )} ) %>


  <span id="person_area_places_box">

</span>

再controller中定义

def select_change
    @city=City.find(:all, :conditions => ["fatherid = ?",params[:provinceid]])
    render:partial => "city"
  end


再创建一个_city.rhtml
分享到:
评论

相关推荐

    jQuery Select下拉框美化特效.zip

    该特效主要基于JavaScript库jQuery实现,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。通过jQuery,开发者可以快速地为网站添加各种动态效果和交互功能。 这个...

    jQuery Bootstrap和chosen集成下拉框插件特效.zip

    本压缩包“jQuery Bootstrap和chosen集成下拉框插件特效.zip”似乎包含了一个整合了这三者的示例,特别关注的是下拉框的特效,这对于提升用户界面体验至关重要。 首先,jQuery是一个快速、简洁的JavaScript库,它...

    jQuery超酷select选择下拉框美化特效源码.zip

    《jQuery实现超酷下拉框选择美化特效解析》 在网页设计中,下拉选择框(Select)是一种常见的用户交互元素,它允许用户在多个选项中进行选择。然而,原生的HTML select元素在样式和交互体验上往往较为单一,不能...

    jquery实现select下拉框美化特效源码.zip

    在本压缩包"jquery实现select下拉框美化特效源码.zip"中,我们将探讨如何利用jQuery来对HTML中的元素进行美化和增强用户体验。 标签在网页中常用于创建下拉列表,但其默认样式在不同的浏览器之间可能存在差异,且...

    jquery.selectlist.js插件实现的下拉框美化特效.zip

    《jQuery.selectlist.js插件实现的下拉框美化特效详解》 在网页设计中,下拉框(Select List)作为常见的交互元素,其外观和用户体验往往直接影响到网站的整体质感。然而,HTML原生的下拉框样式较为单一,难以满足...

    带搜索过滤ajax加载下拉框代码.zip

    "带搜索过滤ajax加载下拉框代码.zip"提供的解决方案正针对这一需求,它是一个基于jQuery的插件,旨在提升用户体验,使得在大型数据集中的选择和查找过程更加便捷。 首先,这个插件的核心功能是**搜索过滤**。它允许...

    Ajax搜索框实现代码

    Ajax搜索框实现代码,自带数据库的,最好在VS2008运行

    jQuery Select下拉框美化特效特效代码

    "jQuery Select下拉框美化特效特效代码"就是为了改善这一情况,提供了一种绿色清新风格的下拉框美化解决方案。 jQuery是一个广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互...

    jquery.selectlist.js插件实现的下拉框美化特效

    `jquery.selectlist.js`插件是基于JavaScript库jQuery构建的,jQuery是一个轻量级的、高性能的库,使得开发者能够更容易地进行DOM操作、事件处理、动画效果以及Ajax交互。通过利用jQuery的强大功能,`jquery.select...

    jQuery酷炫黑色下拉框选择特效代码

    在本文中,我们将深入探讨如何使用jQuery实现一款酷炫的黑色下拉框选择特效,它具备关键词搜索筛选和全选/取消功能。这个特效能够极大地提升用户界面的交互性和用户体验,尤其是在处理大量选项时。 首先,jQuery是...

    jQuery和CSS3带弹性效果的创意下拉框特效

    本文将深入探讨"jQuery和CSS3带弹性效果的创意下拉框特效"这一主题,以及如何通过相关技术实现这一效果。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互。jQuery的...

    jQuery实现城市选择下拉框单选多选特效源码.zip

    本资源“jQuery实现城市选择下拉框单选多选特效源码.zip”提供了一种利用jQuery来创建动态效果的城市选择下拉框,支持单选和多选功能,对于网页前端开发人员来说是非常实用的。 首先,让我们了解一下jQuery的基本...

    jQuery结合UL标签下拉框美化特效代码

    "jQuery结合UL标签下拉框美化特效代码"就是一个旨在提升用户体验的解决方案,它摒弃了传统的`&lt;select&gt;`标签,转而利用HTML的`&lt;ul&gt;`列表和`&lt;input&gt;`输入框来构建一个可自定义样式的下拉选择器。这种技术让开发者能够...

    jQuery点击弹出下拉框选择日期特效源码.zip

    综上所述,"jQuery点击弹出下拉框选择日期特效源码"的实现主要依赖于jQuery库和jQuery UI的DatePicker插件。开发者可以通过自定义配置、事件监听等方式,打造出符合项目需求的高效、美观的日期选择器。在实际应用中...

    下拉框实用源码大全

    资源名称:下拉框实用源码大全资源目录:【】Ajax【】ajaxjsp二级联动下拉框【】ajax实现无刷新查询【】Ajax异步【】AJAX版省市区三级联动下拉框【】CSS jQuery个性化的下拉框效果【】jquery css多选项下拉框特效...

    带搜索过滤ajax加载下拉框特效代码

    总的来说,"带搜索过滤ajax加载下拉框特效代码"是一个提升Web应用用户体验的优秀工具。它结合了搜索过滤和Ajax加载两大功能,让大规模数据的选取变得简单而快速。对于开发者来说,理解和掌握这类插件的使用,不仅...

    jQuery模拟select下拉框插件特效代码

    本篇文章将详细探讨“jQuery模拟select下拉框插件特效代码”的相关知识点。 一、jQuery模拟Select下拉框的原因 在HTML中,`&lt;select&gt;`元素用于创建下拉菜单,但其样式有限且不易自定义。而使用jQuery模拟下拉框,...

Global site tag (gtag.js) - Google Analytics