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 命名空间以提高代码重用性
Nov 13 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
下拉框select的绑定示例
Sep 04 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
搭建vue开发环境
Jul 19 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
JS中的算法与数据结构之集合(Set)实例详解
Aug 20 Javascript
使用JS实现动态时钟
Mar 12 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实现删除指定目录下相关文件的方法
2014/10/20 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
php判断IP地址是否在多个IP段内
2020/08/18 PHP
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
BootStrap 实现各种样式的进度条效果
2016/12/07 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
从Python程序中访问Java类的简单示例
2015/04/20 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
Python实现的建造者模式示例
2018/08/06 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
Python3操作MongoDB增册改查等方法详解
2020/02/10 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
python连接mysql有哪些方法
2020/06/24 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
termux中matplotlib无法显示中文问题的解决方法
2021/01/11 Python
巴黎卡诗美国官方网站:始于1964年的头发头皮护理专家
2017/07/10 全球购物
墨尔本最受欢迎的复古风格品牌:Princess Highway
2018/12/21 全球购物
请用用Java代码写一个堆栈
2012/01/26 面试题
c语言常见笔试题总结
2016/09/05 面试题
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
药物学专业学生的自我评价
2013/10/27 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
寒假家长评语大全
2014/04/16 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
2015年感恩节演讲稿(优选篇)
2015/03/20 职场文书
Elasticsearch Recovery 详细介绍
2022/04/19 Java/Android