Javascript 为什么这个代码在IE中不起作用?此外,按钮应为图像按钮,而非常规按钮

Javascript 为什么这个代码在IE中不起作用?此外,按钮应为图像按钮,而非常规按钮,javascript,select,button,drop-down-menu,Javascript,Select,Button,Drop Down Menu,此代码在FF中工作,但在IE中不工作 我不明白为什么“clickme”按钮在IE中仍然不可见。。 另外,请将按钮更改为自定义图像按钮。。您可以在代码中使用任意随机图像,如image.JPG 谢谢你的帮助 <html> <script language="javascript"> var myLink = ""; function hideMe() { document.getElementById('btn3').style.visibility='hid

此代码在FF中工作,但在IE中不工作

我不明白为什么“clickme”按钮在IE中仍然不可见。。 另外,请将按钮更改为自定义图像按钮。。您可以在代码中使用任意随机图像,如image.JPG

谢谢你的帮助

<html> 
<script language="javascript"> 
var myLink = ""; 
function hideMe() { 
    document.getElementById('btn3').style.visibility='hidden'; 
} 

function setMyAdd() { 
    location.href=myLink; 
} 


function checkForChange() { 

    document.getElementById('btn1').style.visibility='visible'; 
    document.getElementById('btn2').style.visibility='visible'; 

    var buttonSelected=selList.value; 

    // alert("Option Selected is : " + buttonSelected ); 

    if (buttonSelected=="optx") { 
    myLink = "myPage2.html"; 
    document.getElementById('btn1').style.visibility='hidden'; 
    document.getElementById('btn2').style.visibility='visible'; 
    document.getElementById('btn3').style.visibility='visible'; 
    } else { 
    myLink = "myPage1.html"; 
    document.getElementById('btn1').style.visibility='visible'; 
    document.getElementById('btn2').style.visibility='hidden'; 
    document.getElementById('btn3').style.visibility='visible'; 
    } 
} 
</script> 
<body onLoad="hideMe()"> 
<form> 
<select onChange="checkForChange()" id="selList"> 
    <option value="opt1">Option 1</option> 
    <option value="opt2">Option 2</option> 
    <option value="opt3">Option 3</option> 
    <option value="optx">Option X</option> 
</select>  
<BR><br> 
<input type=button value="Option 1,2,3" id="btn1"> 
<BR> 
<input type=button value="Option X" id="btn2"> 
<BR> 
<input type=button value="Click me" id="btn3" onClick="setMyAdd()"> 
</form> 
</body> 
</html>

在FF中也是如此。

在javascript中更新以下行。IE正在报告错误
“selList”未定义

//var buttonSelected = selList.value;
var buttonSelected = document.getElementById('selList').value;

另外,建议在页面中添加
元素。

更新javascript中的以下行。IE正在报告错误
“selList”未定义

//var buttonSelected = selList.value;
var buttonSelected = document.getElementById('selList').value;

另外,建议在页面中添加
元素。

可见性和显示是不同的东西,它们的名称含义相同。这两个属性都将用于具有显示或可见性的所有元素

可见性很简单。元素可以是可见的(“可见”值),也可以是隐藏的(“隐藏”值)。 对于表的元素,Mozilla也使用“collapse”值,但IE不使用

显示是一个更复杂的属性。这些值取决于元素的显示类型(内联、块、列表…)。关于表格和表格元素,Mozilla和IE有不同的看法。Moz使用DOM值(请参阅),而IE仅使用“块”值作为正向显示

为避免所有这些问题的复杂跨浏览器解决方案,在可见性情况下,您可以使用“可见”/“隐藏”对,在显示情况下,您可以使用“/”无”对(这意味着您可以使用空白值而不是“块”

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" > 
function showhide(att,val){
document.getElementById("hid").style[att]=val;
}
</script>
</head>
<body>
<form name="myform">
<table width="100%"  border="4" cellpadding="2" cellspacing="2">
    <tr>
        <td  class="tableheader" colspan="9">TS </td>
    </tr>
     <tbody id="hid">
    <tr>
        <td width="17%" class="labeltext">Tran Code</td>
        <td width="1%"  class="blanktext">:</td>
        <td colspan="4" class="blanktext">Name</td>
    </tr>
    <tr>
        <td width="17%" class="labeltext">Product Type</td>
        <td width="1%"  class="blanktext">:</td>
        <td colspan="4" class="blanktext">
        </td>
    </tr>
     </tbody>
    <tr>
       <td>
       </td>
    </tr>

</table>
Display
 <br>
<input type="button" onclick="showhide('display','')" value="Display on">
<input type="button" onclick="showhide('display','none')" value="Display off">
<br>
<br>
Visibility
<br>
<input type="button" onclick="showhide('visibility','visible')" value="Visibility on">
<input type="button" onclick="showhide('visibility','hidden')" value="Visibility off">
</form>
</body>
</html>

无标题文件
功能显示隐藏(att,val){
document.getElementById(“hid”).style[att]=val;
}
TS
传输码
:
名称
产品类型
:
陈列



可见度

此代码将在IE和FF两个位置工作…

可见性和显示是不同的东西,它们的名称含义相同。这两个属性将用于所有具有显示或可见性的元素

可见性很简单。元素可以是可见的(“可见”值),也可以是隐藏的(“隐藏”值)。 对于表的元素,Mozilla也使用“collapse”值,但IE不使用

显示是一个更复杂的属性。值取决于元素的显示类型(内联、块、列表…)。关于表和表的元素,Mozilla和IE有不同的视图。Moz使用DOM值(请参阅),而IE仅使用“块”值作为正显示

为避免所有这些问题的复杂跨浏览器解决方案,在可见性情况下,您可以使用“可见”/“隐藏”对,在显示情况下,您可以使用“/”无”对(这意味着您可以使用空白值而不是“块”

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" > 
function showhide(att,val){
document.getElementById("hid").style[att]=val;
}
</script>
</head>
<body>
<form name="myform">
<table width="100%"  border="4" cellpadding="2" cellspacing="2">
    <tr>
        <td  class="tableheader" colspan="9">TS </td>
    </tr>
     <tbody id="hid">
    <tr>
        <td width="17%" class="labeltext">Tran Code</td>
        <td width="1%"  class="blanktext">:</td>
        <td colspan="4" class="blanktext">Name</td>
    </tr>
    <tr>
        <td width="17%" class="labeltext">Product Type</td>
        <td width="1%"  class="blanktext">:</td>
        <td colspan="4" class="blanktext">
        </td>
    </tr>
     </tbody>
    <tr>
       <td>
       </td>
    </tr>

</table>
Display
 <br>
<input type="button" onclick="showhide('display','')" value="Display on">
<input type="button" onclick="showhide('display','none')" value="Display off">
<br>
<br>
Visibility
<br>
<input type="button" onclick="showhide('visibility','visible')" value="Visibility on">
<input type="button" onclick="showhide('visibility','hidden')" value="Visibility off">
</form>
</body>
</html>

无标题文件
功能显示隐藏(att,val){
document.getElementById(“hid”).style[att]=val;
}
TS
传输码
:
名称
产品类型
:
陈列



可见度

此代码将在IE和FF两个位置工作…

type=button应该是type=“button”。Heera它不会影响…我知道。我已经在ie8中测试了您的代码,它是可见的。怎么了?type=button应该是type=“button”.Heera这不会影响…我知道。我已经在ie8中测试了你的代码,它是可见的。怎么了?你欢迎…还有另一个问题,我添加了
image
choose type
…检查它…嗨,法希姆·帕克..请帮我回答另一个关于表单的问题:你欢迎…还有另一个问题,我添加了
image
和<代码>选择类型
…检查它…嗨,法希姆·帕克..请帮我回答另一个关于表单的问题: