将编码页显示查看页的JS代码-技术开发专区

将编码页显示查看页的JS代码

作者：ITPUB论坛编辑： nancy 2008-06-19 00:00

【IT168技术文档】

我们经常会遇到类似编辑页面，和查看页面的情况，每一个编辑页面，都要做成一个新的页面的确会很烦，可以用JS来实现，将控件的TAG找出来，并将控件本身的style设为display=none,并在innerhtml的前面加入控件的值即可，但可能会有一些特殊情况特殊处理的代码，请自行加入：

代码很简单，不多做说明了,只是注意这段代码须放置页尾(原因不用说明了吧)

    var loop;
var sel;
var obj = document.getElementsByTagName("select");
var tmp;
var selectText;
for (loop = obj.length-1; loop >= 0; loop--)
    {
sel = obj[loop];
tmp = "";
sel.style.display = "none"; //将控件的style设为隐藏
// ListBox
if (sel.id == "lbxCommonApp" ||
sel.id == "lbxSpecialApp" ||
sel.id == "lbxNomalScope" ||
sel.id == "lbxSpecialScope"){
for (var i=0;i<sel.options.length;i++)
{
tmp += sel.options[i].text + "<br>";
}
sel.parentNode.innerHTML = tmp + sel.parentNode.innerHTML; //加入控件的显示值
continue;
}
selectText = sel.options[sel.selectedIndex].text;
//处理特殊情况
if (selectText == "请选择"){
selectText = "";
}
sel.parentNode.innerHTML = selectText + "&nbsp;&nbsp;&nbsp;"+ sel.parentNode.innerHTML;
}
// 处理radiobutton <input>
var objMale     = document.getElementById("DicGender1_chkGender_0");
var objFeMale = document.getElementById("DicGender1_chkGender_1");
if (!objMale.checked && !objFeMale.checked)    {
objMale.parentNode.innerHTML = "";
objFeMale.parentNode.innerHTML = "";
}
else{
objMale.parentNode.innerHTML = objMale.checked ? "男" : "女";
}

关注我们