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+xml技术实现分页浏览
Jul 27 Javascript
关于 文本框默认值 的操作js代码
Jan 12 Javascript
JS实现Select的option上下移动的方法
Mar 01 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
JavaScript判断微信浏览器实例代码
Jun 13 Javascript
JS留言功能的简单实现案例(推荐)
Jun 23 Javascript
jQuery操作css样式
May 15 jQuery
Vue实现table上下移动功能示例
Feb 21 Javascript
JS实现的贪吃蛇游戏案例详解
May 01 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
js实现多图和单图上传显示
Dec 18 Javascript
JavaScript Dom实现轮播图原理和实例
Feb 19 Javascript
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
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
js getBoundingClientRect() 来获取页面元素的位置
2010/11/25 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
JavaScript事件处理的方式(三种)
2016/04/26 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
2018/05/21 jQuery
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
Vue.js 中的实用工具方法【推荐】
2019/07/04 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
vue实现简单的登录弹出框
2020/10/26 Javascript
[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散
2016/11/30 DOTA
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python实现统计英文单词个数及字符串分割代码
2015/05/28 Python
Python导入oracle数据的方法
2015/07/10 Python
Python3 处理JSON的实例详解
2017/10/29 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
在Pycharm中修改文件默认打开方式的方法
2019/01/17 Python
使用OpenCV实现仿射变换—平移功能
2019/08/29 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
北京银河万佳Java面试题
2012/03/21 面试题
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
交通事故和解协议书
2015/01/27 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
Go 内联优化让程序员爱不释手
2022/06/21 Golang