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编程起步(第三课)
Feb 27 Javascript
Javascript 函数对象的多重身份
Jun 28 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
yepnope.js使用详解及示例分享
Jun 23 Javascript
javascript解决IE6下hover问题的方法
Jul 28 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
vue实现固定位置显示功能
May 30 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 Javascript
react合成事件与原生事件的相关理解
May 13 Javascript
uniapp引入支付宝原生扫码插件步骤详解
Jul 23 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
用PHP发电子邮件
2006/10/09 PHP
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
Node.js中child_process实现多进程
2015/02/03 Javascript
12个超实用的JQuery代码片段
2015/11/02 Javascript
深入浅析NodeJs并发异步的回调处理
2015/12/21 NodeJs
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
JavaScript动态添加css样式和script标签
2016/07/19 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
pandas DataFrame实现几列数据合并成为新的一列方法
2018/06/08 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
Python matplotlib的使用并自定义colormap的方法
2018/12/13 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python mysql中in参数化说明
2020/06/05 Python
使用gunicorn部署django项目的问题
2020/12/30 Python
python中操作文件的模块的方法总结
2021/02/04 Python
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
Farfetch香港官网:汇集全球时尚奢侈品购物平台
2017/11/26 全球购物
建筑工程实习自我鉴定
2013/09/19 职场文书
应届生体育教师自荐信
2013/10/03 职场文书
家长会主持词开场白
2014/03/18 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
最新离婚协议书范本
2014/08/19 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
2015年公司新年寄语
2014/12/08 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
MySQL sql_mode的使用详解
2021/05/08 MySQL
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python