$(function(){
$("#area_parentID").change(function(){
$("#next_select").html("<select name='streat' id='streat'></select>");
$.post(
"/banks/select_with_ajax",
{"parentID":$("#area_parentID").val()},
function(data){
var datas = eval(data);
//alert(datas);
$.each(datas,function(i){
$("<option value='"+datas[i].area.id+"'>"+datas[i].area.name+"</option>").appendTo($("#streat"));
});
});
});
});
<tr>
<td>地域</td><td><%=
@areas = Area.find(:all, :select => 'name,id',:conditions=>"parentID=0").collect{|t| [t.name,t.id]}.insert(0,["请选择",0])
select("area","parentID",@areas,{},{:selected=>1})%><span id='next_select'><select name="streat" id="streat"></select></span></td>
</tr>
def select_with_ajax
@areas = Area.find(:all, :select => "name,id",:conditions => ["parentID = ?", params[:parentID]])
render(:json => @areas.to_json,:layout => false)
end
刚弄的rails+jquery的二级联动,记性不好,在这记下来
分享到:
相关推荐
jquery-ui+jquery-ui-rails
jquery-rails, 一个 gem,用于自动使用jQuery和 Rails 3 railsjQuery 面向 Rails 如此伟大。这里 gem 提供:jQuery 1.7.2jQuery UI 1.8.18 ( 仅适用于 javascript )jQuery UJS适配器assert_select_j
jquery-fileupload-rails, 用于 Rails的jQuery文件上传集成 Rails 文件上传jQuery-File-Plugin 是一个文件上传插件,由的Tschan 。 jQuery文件上传功能多文件选择。drag&拖放支持。进度栏和jQuery预览图像。 支持...
jquery-datatables-rails, 用于 Rails的jquery数据表 gem jquery-datatables-rails 这个 gem 为 jQuery DataTables插件提供了方便,以便与 Rails 资产pipleine结合使用。 它提供所有基本的datatable文件,以及一些...
jquery-rails-cdn 将CDN支持添加到 。 从公开的提供jQuery具有明显的好处: 速度:用户将能够从最近的物理位置下载jQuery。 缓存:CDN被广泛使用,以至于您的用户可能根本不需要下载jQuery。 并行性:浏览器对...
jquery-infinite-pages, 用于jQuery的简单无限滚动页面,gemified用于 Rails jQuery无限页面 light 插件,用于添加无限滚动到带有 Rails 和 Kaminari的页面。这个项目最初是为 Rails 设计的,但是核心插件足够灵活,...
jquery-ui-rails 这个gem为Rails打包了jQuery UI资产(JavaScript,样式表和图像),因此您不必再通过下载自定义软件包。 请参阅以查看哪些版本的jquery-ui-rails捆绑了哪些版本的jQuery UI。 警告:此gem与3.0.0...
基于Rails和jQuery的Web应用程序敏捷开发.pdf
jquery-validation-rails, 对 Rails 资产管道的jQuery验证 :: 验证:: rails针对 Rails 资产管道的验证 。安装这里 gem将以下行添加到项目的Gemfile 中:gem 'jquery-validation-rails'在你的终端中运行以下命令:cd...
该宝石提供: jQuery 1、2和3 jQuery UJS适配器assert_select_jquery在Ruby测试中测试jQuery响应版本号从v2.1开始,jquery-rails gem遵循以下版本指南,以从Gemfile中更好地控制应用程序的jQuery版本: patch ...
jasmine-jquery的Rails jasmine-jquery通过资产管道 安装 将此行添加到您的应用程序的Gemfile中: gem 'jasmine-jquery-rails' 然后执行: $ bundle 假设您使用的是茉莉花宝石,则在jasmine.yml中具有: src_...
rails-behaviors, jQuery和Zepto的Rails UJS行为 Rails 行为( 不推荐使用)Rails 行为实现了 Rails 3. x. 生成的data-* 行为这是一个替代 jquery-ujs的方法。 首先,它都是CoffeeScript好的,这对我来说很好 ! 其次...
NULL 博文链接:https://lzqustc.iteye.com/blog/439128
要使用捆绑的jQuery Timeago插件,请将以下require语句添加到您的application.js文件中: //= require rails-timeago 这还将在页面加载时转换所有匹配的时间标签。 使用以下内容还包括所有可用的语言环境文件: /
该gem打包了jQuery 插件,可轻松与Rails 3.1+资产pipleine一起使用。 Dynatable是根据AGPL许可的,但具有的可选,因此请确保您具有使用Dynatable的有效许可证。 Dynatable是一个使用jQuery,HTML5和JSON的有趣,...
jQuery Mobile for Rails 这个gem将jQuery Mobile文件添加到Rails的资产管道中。宝石的jQuery移动版1.4.5(宝石1.4.5)安装将此宝石添加到您的Gemfile中: gem 'jquery_mobile_rails'这会将jQuery Mobile的...
主要介绍了Ruby on Rails中jquery ujs组件拖慢速度的问题解决,jquery_ujs是Rails框架中涉及AJAX交互的组件,需要的朋友可以参考下
安装将此行添加到您的应用程序的Gemfile中: gem "jquery-slick-rails" 然后执行: $ bundle 或自己安装为: $ gem install jquery-slick-rails 注意:这是一个jQuery插件,因此您还将需要jquery-rails gem(默认从...
jquery_bbq_rails jquery_bbq_rails将Ben Almanin的jQuery BBQ库包装在rails引擎中,以便与Rails 3.1及更高版本提供的资产管道一起简单使用。 该宝石包括开发资源(非矿化资源),以方便勘探。 资产管道将在生产中...