Js 本页面传值实现代码
2018-10-12 13:52
435 查看
环境 : rails 下
例如:
我点击修改后显示成这样:
关键实现过程:
1,列表部分,即第一副图,蓝色部分即实现了传值
2,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传值...............
相关文章推荐
- Js 本页面传值实现代码
- 经典js代码 实现动态传值 实现动态页面传值 options动态显示数据
- js实现弹出页面代码信息
- 使用原生js实现页面蒙灰(mask)效果示例代码
- js获取html页面代码中图片地址的实现代码
- js统计页面的来访次数实现代码
- HTML页面之间跳转与传值(JS代码)
- dialog使用方法(同一页面,调用一个js代码,实现多个不同样式的弹窗)
- 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
- 用js判断页面是否加载完成实现代码
- js 3秒后跳转页面的实现代码
- 利用JS自动打开页面上链接的实现代码
- JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
- js代码中实现页面跳转
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- js实现局部页面打印预览原理及示例代码
- JS option location 页面跳转实现代码
- node.js 一个简单的页面输出实现代码
- jquery实现页面控件拖动效果js代码