我目前正在尝试用div 替换我使用table
的旧方法,并且我成功完成了,但我遇到了问题。情况是,在我的表方法中,我隐藏了一些不需要的<tr style="display:none;">
,这些通过使用一些java脚本函数并在需要时显示。 现在我正在按div 转换我的表行和列,我用来显示的方法仅适用于表。当.php
页面打开时,我会在 url 中传递参数,例如localhost/royaltrade/user_access.php?rptType=UserLog
并通过在此调用函数之后使用$_REQUEST['rptType']
方法获取它<body onload="funControls();">
调用函数使用该大小写并切换到名为funControls()
的函数并选择案例并执行其行。如何隐藏和显示我的div ? ???
这是我的JavaScript代码
function funControls()
{
<?
switch($_REQUEST['rptType'])
{
case 'UserLog':
echo "showRows('table','CompName');";
echo "showRows('table','UserName');";
echo "showRows('table','StartingDate');";
echo "showRows('table','EndingDate');";
$title='User Log';
$path="browser_reports/rptUserLog.php";
$selected='UserLog';
break;
}
?>
}
这是函数不能将 rows[rowId] 函数用于div
的问题function showRows(tableId,rowId){
var hide= true;
var t = document.getElementById(tableId);
var rowStyle = (hide)? "block":"";
t.rows[rowId].style.display = rowStyle;
}
function hideRows(tableId,rowId){
var hide= true;
var t = document.getElementById(tableId);
var rowStyle = (hide)? "none":"";
t.rows[rowId].style.display = rowStyle;
}
这是我的身体标签,它调用函数onload。
<body onLoad="funControls();" >
这是我的 HTML 工作
<table id="table" cellpadding="0" cellspacing="0" border="0" align="center">
<tr height="35" id="CompName" style="display:none">
<td width="150">Select Company:</td>
<td width="200">
<select class="textbox" name="cboCompName" style="width:178px" id ="cboCompName">
<option value="-1"> Select </option>
</td>
</tr>
</table>
这是使用表格的JS小提琴
这是与div 合作的JS FIDDLE,我想在其中实现这种方法
> 将showRows
函数更改为
function showRows( rowId )
{
document.getElementById(rowId).style.display = "block";
}
由于您已经传递了rowId
,因此也无需传递tableId
,因为ID在整个页面中都是唯一的。
检查此小提琴以进行演示。