Js 本页面传值实现代码


Posted in Javascript onMay 17, 2009

环境 : rails 下
例如:
Js 本页面传值实现代码
我点击修改后显示成这样:
Js 本页面传值实现代码 
关键实现过程:
1,列表部分,即第一副图,蓝色部分即实现了传值

<% i=0 %> 
<% if @group_page %> 
<% for group in @group_page %> 
<% i+=1 %> 
<tr <%= i%2==0 ? "class='bg'" : '' %> > 
<td class="first style1"><%= group.id.to_s %></td> 
<td><%= group.group_name==nil ? '': group.group_name.to_s %></td> 
<td><%= group.display_order==nil ? '': group.display_order.to_s %></td> 
<td><%= group.update_dt.strftime("%Y-%m-%d") %></td> 
<td><%= group.status.to_s == '0' ? '正常': "禁用" %></td> 
<td><%= group.group_comment==nil ? '': group.group_comment.to_s %></td> 
<td><%= link_to image_tag('/images/cs/edit-icon.gif'),{},{:onclick =>"show_div('" + group.id.to_s + "','" + group.group_name.to_s + "','" + group.display_order.to_s + "','" + group.status.to_s + "','" + group.group_comment.to_s + "');return false;" } %></td> 
<td><%= link_to image_tag('/images/cs/hr.gif'),{:action=>'deletegroup',:id=>group.id.to_s},{:confirm=>'确定要删除吗?'} %></td> 
</tr> 
<% end %> 
<% end %>

2,js函数部分
<script> 
function show_div(object1,object2,object3,object4,object5) 
{ 
document.getElementById("original_group").style.display = "none"; 
document.getElementById("modify_group").style.display=""; 
document.getElementById("group_id").value =object1; 
document.getElementById("modify_name").value =object2; 
document.getElementById("modify_order").value =object3; 
if ( object4 == "0"){ 
document.getElementById('modify_status').selectedIndex=0; 
} 
if( object4 == "1"){ 
document.getElementById('modify_status').selectedIndex=1; 
} 
document.getElementById("modify_comment").value =object5; 
} 
</script>

这样你就实现了客户端利用js传值...............
Javascript 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 Javascript
封装的jquery翻页滚动(示例代码)
Nov 18 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
Mar 01 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
js评分组件使用详解
Jun 06 Javascript
validform表单验证的实现方法
Mar 08 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
JavaScript 验证浏览器是否支持javascript的方法小结
May 17 #Javascript
Javascript 强制类型转换函数
May 17 #Javascript
jQuery live
May 15 #Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 #Javascript
javascript Prototype 对象扩展
May 15 #Javascript
JavaScript设置FieldSet展开与收缩
May 15 #Javascript
childNodes.length与children.length的区别
May 14 #Javascript
You might like
PHP编码转换
2012/11/05 PHP
php url路由入门实例
2014/04/23 PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
2016/05/19 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
js 程序执行与顺序实现详解
2013/05/13 Javascript
javascript中字符串的定义示例代码
2013/12/19 Javascript
JavaScript中的6种运算符总结
2014/10/16 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
JavaScript闭包原理与用法实例分析
2018/08/10 Javascript
深入学习JavaScript 高阶函数
2019/06/11 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
[01:10]DOTA2 Supermajor:英雄,由我们见证
2018/05/14 DOTA
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python实现弹窗祝福效果
2019/04/07 Python
详解python中的线程与线程池
2019/05/10 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
Python 发送邮件方法总结
2020/08/10 Python
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
护士毕业生自我鉴定
2014/02/08 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
竞选学委演讲稿
2014/09/13 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
幼儿园辞职书
2015/02/26 职场文书
导游词之西湖雷峰塔
2019/09/18 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
Python的这些库,你知道多少?
2021/06/09 Python
python+pytest接口自动化之token关联登录的实现
2022/04/06 Python