87,923
社区成员
发帖
与我相关
我的任务
分享JavaScript 宽屏和 下拉框 问题 ，着急，谢谢
我要实现的效果是， 默认下拉框是 通过，不通过原因不显示 只有我在选择 不通过的时候， 不通过的原因才能显示出来，
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<TABLE cellSpacing=0 cellPadding=0 width="" align=center border=0 >
<TBODY>
<tr>
<td align="right"><font face="宋体" size="2">确认是否通过:</font></td>
<td>
<SELECT size="1" name="ASNSPZT " ID="SNSPZT" >
<option value="F" selected >通过</option>
<option value="G">不通过</option>
</SELECT>
</td>
</tr>
<tr>
<td align="right" ><font face="宋体" size="2">不通过原因:</font></td>
<td colspan="7"><textarea name="LSNQBYY " cols="35" rows="3" ><RDML MERGE="SNQBYY "></textarea>
(限制在110个汉字)</td>
</tr>
</TBODY>
</TABLE>
</body>
还有一个问题就是
显示器在标屏的时候我让 Table 的width = 950 ，在宽屏 的情况下 width = 100%，谢谢 ，主要是不知道怎么给width赋值
我说的是显示器，不是网页，谢谢
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
下面的代码省略~~~~~~~~~~
谢谢高手答复！！！
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<TABLE cellSpacing=0 cellPadding=0 width="" align=center border=0 >
<TBODY>
<tr>
<td align="right"><font face="宋体" size="2">确认是否通过:</font></td>
<td>
<SELECT size="1" name="ASNSPZT " ID="SNSPZT" >
<option value="F" selected >通过</option>
<option value="G">不通过</option>
</SELECT>
</td>
</tr>
<tr>
<td align="right" ><font face="宋体" size="2">不通过原因:</font></td>
<td colspan="7"><textarea name="LSNQBYY " cols="35" rows="3" ><RDML MERGE="SNQBYY "></textarea>
(限制在110个汉字)</td>
</tr>
</TBODY>
</TABLE>
</body>
还有一个问题就是
显示器在标屏的时候我让 Table 的width = 950 ，在宽屏 的情况下 width = 100%，谢谢 ，主要是不知道怎么给width赋值
我说的是显示器，不是网页，谢谢
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<TABLE cellSpacing=0 cellPadding=0 width=100% align=center border=0>
下面的代码省略~~~~~~~~~~
谢谢高手答复！！！
...全文
请发表友善的回复…
发表回复
gengzhw 2009-07-14
- 打赏
- 举报
楼上小伙帅啊
pillar0514 2009-07-14
- 打赏
- 举报
撑住结构的DIV换为这个吧：
<div style="width:950px; height:0px; visibility:hidden;"></div>pillar0514 2009-07-14
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- 这个DIV撑住结构，使得浏览器窗口只有在950宽度以上时才拉伸下面的table -->
<div style="width:950px; height:1px; visibility:hidden; margin-top:-1px;"></div>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<SELECT size="1" name="ASNSPZT " ID="SNSPZT">
<option value="F" selected >通过 </option>
<option value="G">不通过 </option>
</SELECT>
</td>
<td>
</td>
</tr>
<tr>
<td align="right" > <font face="宋体" size="2">不通过原因: </font> </td>
<td colspan="7"> <textarea id="LSNQBYY" name="LSNQBYY " cols="35" rows="3" ></textarea> (限制在110个汉字) </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<script type="text/javascript">
function $(strID){
return document.getElementById(strID);
}
$("SNSPZT").onchange = function(){
if(this.value == "G"){
$("LSNQBYY").value = '<RDML MERGE="SNQBYY "> '; //这里把字符串替换为你想要显示的内容。
}else{
$("LSNQBYY").value = '';
}
}
</script>
yixianggao 2009-07-14
- 打赏
- 举报
L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<script type="text/javascript">
<!--
alert(1)
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width="" align=center border=0 >
<TBODY>
<tr>
<td align="right"> <font face="宋体" size="2">确认是否通过: </font> </td>
<td>
<SELECT size="1" id="SNSPZT" >
<option value="F" selected >通过 </option>
<option value="G">不通过 </option>
</SELECT>
</td>
</tr>
<tr id="trNoPassReason" style="display: none;">
<td align="right" > <font face="宋体" size="2">不通过原因: </font> </td>
<td colspan="7"> <textarea name="LSNQBYY " cols="35" rows="3" ></textarea>
(限制在110个汉字) </td>
</tr>
</TBODY>
</TABLE>
<script type="text/javascript">
<!--
alert(2);
$ = document.getElementById;
$("SNSPZT").onchange = function() {
if (this.value == "G")
$("trNoPassReason").style.display = "inline";
else
$("trNoPassReason").style.display = "none";
};
//-->
</script>
</body>
</html>
yixianggao 2009-07-14
- 打赏
- 举报
两个问题都解决了，散分吧
L@_@K
L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0" >
<TABLE cellSpacing=0 cellPadding=0 id="tbeConfirm" align=center border=1 >
<TBODY>
<tr>
<td align="right" width="30%">
<font face="宋体" size="2">确认是否通过: </font></td>
<td width="70%">
<SELECT size="1" id="SNSPZT" >
<option value="F" selected >通过 </option>
<option value="G">不通过 </option>
</SELECT>
</td>
</tr>
<tr id="trNoPassReason" style="display: none;">
<td align="right" > <font face="宋体" size="2">不通过原因: </font> </td>
<td colspan="7"> <textarea name="LSNQBYY " cols="35" rows="3" ></textarea>
(限制在110个汉字) </td>
</tr>
</TBODY>
</TABLE>
<script type="text/javascript">
<!--
$ = document.getElementById;
$("SNSPZT").onchange = function() {
if (this.value == "G")
$("trNoPassReason").style.display = "inline";
else
$("trNoPassReason").style.display = "none";
};
// 宽屏时 1280/800 即 1.6
if((window.screen.width/window.screen.height)==1.6)
$("tbeConfirm").style.width = "100%";
else
$("tbeConfirm").style.width = "950px";
//-->
</script>
</body>
</html>
