>  기사  >  웹 프론트엔드  >  이 page_javascript 기술에 대한 Js 값 전송 구현 코드

이 page_javascript 기술에 대한 Js 값 전송 구현 코드

WBOY
WBOY원래의
2016-05-16 18:52:59915검색

환경:
under Rails 예:
image
클릭하여 수정하면 다음과 같습니다.
image
핵심 구현 과정 :
1. 리스트 부분, 즉 첫 번째 사진, 파란색 부분이 값 전달을 구현

코드 복사 코드는 다음과 같습니다.

<% i=0 %>
<% if @group_page %>
<% for group in @group_page % >
< ;% i =1 %>
> ;td class="first style1"><%= group.id.to_s %>
<%= group.group_name==nil '': 그룹. group_name.to_s %>
<%= group.display_order==nil ? '': group.display_order.to_s %> td><%= group.update_dt.strftime("%Y-%m-%d") %>
<%= group.status.to_s == ' 0' ? '일반': "비활성화" %>
<%= group.group_comment==nil ? '': group.group_comment.to_s %>
< ;td><%= link_to image_tag('/images/cs/edit-icon.gif'),{},{:onclick =>"show_div('" group.id.to_s " ','" 그룹.group_name.to_s "','" group.display_order.to_s "','" group.status.to_s "','" group.group_comment.to_s "');return false;" } %> ;
<%= link_to image_tag('/images/cs/hr.gif'),{:action=>'deletegroup',:id=>group.id .to_s},{: verify=>'삭제하시겠습니까?'} %>

<% end %> <% end %>


2, js 함수 부분


코드 복사
<script> <div class="codebody" id="code31186">function show_div(object1,object2,object3,object4,object5) <br>{ <br>document.getElementById("original_group").style. display = "none"; <br>document.getElementById("modify_group").style.display=""; <br>document.getElementById("group_id").value =object1 <br>document.getElementById("modify_name ").value =object2; <br>document.getElementById("modify_order").value =object3; <br>if ( object4 == "0"){ <br>document.getElementById('modify_status').selectedIndex= 0; <br>} <br>if( object4 == "1"){ <br>document.getElementById('modify_status').selectedIndex=1 <br>} <br>document.getElementById("modify_comment") .value =object5; <br>} <br> </script>


이렇게 하면 js를 사용하여 값을 전달하는 클라이언트를 구현할 수 있습니다........... ...
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JavaScript 드롭다운 메뉴 구현 code_navigation 메뉴다음 기사:JavaScript 드롭다운 메뉴 구현 code_navigation 메뉴

관련 기사

더보기