我以以下方式在java脚本中有代码。
function changeRoomType()
{
var rtype = document.getElementById('typeofroom').value;
var ps = document.getElementsByName('radios');
if(rtype == 'sb' || rtype == 'db')
{
ps[0].style.display = 'block';
ps[1].style.display = 'block';
}
else
{
ps[0].style.display = 'none';
ps[1].style.display = 'none';
}
}
我的html代码是
<p style="position: absolute; float: left; bottom: 138px; width: 50px; left: 359px;display:none;"
name='radios'>
<label for="class">Superior</label>
<input type="radio" name="radio" id="class" value="s" tabindex="1" style="float:left; width:25px;background-color:transparent !important;"/>
</p>
<p style="position: absolute; float: left; bottom: 138px; width: 50px; left: 287px;display:none;"
name='radios'>
<label for="class2">Premier</label>
<input type="radio" name="radio" id="class2" value="p" tabindex="1" style="float:left; width:25px;background-color:transparent !important;"/>
</p>
当在写入 onchange 事件的选择框中选择值时调用上述函数。通过在选择框中选择房间类型,将显示两个单选按钮。这在谷歌浏览器和 Mozilla 中运行良好。但在 Internet explorer8 中,我收到错误
0.style is null or not an object。
并且不显示单选按钮。
提前致谢!