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网页关键字高亮代码
Jul 30 Javascript
删除select中所有option选项jquery代码
Aug 12 Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
JS使用正则表达式验证身份证号码
Jun 23 Javascript
web前端vue实现插值文本和输出原始html
Jan 19 Javascript
JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例
Feb 08 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
Feb 23 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
Sep 10 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
php简单提示框alert封装函数
2010/08/08 PHP
解析strtr函数的效率问题
2013/06/26 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
PHP CURL使用详解
2019/03/21 PHP
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
javascript Deferred和递归次数限制实例
2014/10/21 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
2016/09/05 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python实现的递归神经网络简单示例
2017/08/11 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
美国电视购物:QVC
2017/02/06 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
如何获取某个日期是当月的最后一天
2013/12/05 面试题
幼儿园消防安全制度
2014/01/26 职场文书
实习生评语
2014/04/26 职场文书
医院合作协议书
2014/08/19 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Maven学习----Maven安装与环境变量配置教程
2021/06/29 Java/Android
Golang原生rpc(rpc服务端源码解读)
2022/04/07 Golang