快捷導(dǎo)航

Js 本頁(yè)面?zhèn)髦祵?shí)現(xiàn)代碼

更新時(shí)間：2009年05月17日 18:44:06 作者：

記得以前在學(xué)校的時(shí)候,例如要修改信息,需要要修改的部分的值顯示出來(lái),都是先把數(shù)據(jù)傳到后臺(tái),然后再在前臺(tái)顯示的,想想真夠笨的,這個(gè)可以在客戶端就實(shí)現(xiàn)的,何必要傳到后臺(tái)呢

環(huán)境 : rails 下
例如:

我點(diǎn)擊修改后顯示成這樣:

關(guān)鍵實(shí)現(xiàn)過(guò)程:
1,列表部分,即第一副圖,藍(lán)色部分即實(shí)現(xiàn)了傳值

復(fù)制代碼代碼如下:

<% 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=>'確定要?jiǎng)h除嗎?'} %></td> 
</tr> 
<% end %> 
<% end %> 

2,js函數(shù)部分

復(fù)制代碼代碼如下:

<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> 

這樣你就實(shí)現(xiàn)了客戶端利用js傳值...............

Js
傳值

相關(guān)文章

javascript獲取url上某個(gè)參數(shù)的方法
獲取url上的某個(gè)參數(shù)的方法有很多，在本文為大家介紹下使用javascript是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過(guò)
2013-11-11
前端開(kāi)發(fā)必備小技巧之前端代碼規(guī)范Vue篇
這篇文章主要介紹了前端代碼規(guī)范的重要性以及Vue項(xiàng)目的編碼規(guī)范,包括組件規(guī)范、模板規(guī)范、指令規(guī)范、標(biāo)簽順序規(guī)范、必須為v-for設(shè)置鍵值、v-show與v-if選擇、script標(biāo)簽內(nèi)部結(jié)構(gòu)順序、VueRouter規(guī)范等具體內(nèi)容,需要的朋友可以參考下
2025-01-01
詳解微信小程序之scroll-view的flex布局問(wèn)題
這篇文章主要介紹了詳解微信小程序之scroll-view的flex布局問(wèn)題，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2019-01-01
JavaScript中的this陷阱的最全收集并整理(沒(méi)有之一)
這篇文章主要介紹了JavaScript中的this陷阱的最全收集,需要的朋友可以參考下
2017-02-02
在瀏覽器中獲取當(dāng)前執(zhí)行的腳本文件名的代碼
同事提了一個(gè)問(wèn)題，如何在瀏覽器中動(dòng)態(tài)插入的 JavaScript 文件中，獲取當(dāng)前文件名？
2011-07-07
JS實(shí)現(xiàn)的JSON序列化操作簡(jiǎn)單示例
這篇文章主要介紹了JS實(shí)現(xiàn)的JSON序列化操作,結(jié)合簡(jiǎn)單實(shí)例形式分析了json序列化操作相關(guān)實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),代碼備有較為詳盡的注釋便于理解,需要的朋友可以參考下
2018-07-07
如何豐富alt屬性的顯示效果
如何豐富alt屬性的顯示效果...
2007-01-01
JavaScript網(wǎng)頁(yè)表單form中禁止自動(dòng)提交的兩種方式
本文是我本人在開(kāi)發(fā)網(wǎng)頁(yè)時(shí),在表單中加入了button按鈕,本來(lái)是用于jQuery點(diǎn)擊相應(yīng)事件的按鈕,然后,但我點(diǎn)擊button時(shí),發(fā)現(xiàn)不是達(dá)到j(luò)Query指定效果,所以在本文中,我們將討論網(wǎng)頁(yè)表單（form）中提交的兩種方式,需要的朋友可以參考下
2024-06-06
javascript getElementByTagName的使用
javascript getElementByTagName當(dāng)鼠標(biāo)放上去時(shí)將超鏈接的顏色設(shè)為藍(lán)色的。
2009-06-06
js實(shí)現(xiàn)下拉框效果（select）
本文主要介紹了js實(shí)現(xiàn)下拉框效果的方法實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03