我想根据选择框的值显示和隐藏表格的行,这在 Firefox 中有效,但在 IE 中无效:
<select onChange="javascript: toggle(this.value);">
<option value="cat0">category 0</option>
<option value="cat1">category 1</option>
</select>
<table>
<tr name="cat0">
<td>some stuff v</td>
<td>some stuff v</td>
</tr>
<tr name="cat0">
<td>some stuff d</td>
<td>some stuff d</td>
</tr>
<tr name="cat1">
<td>some stuff a</td>
<td>some stuff a</td>
</tr>
<tr name="cat1">
<td>some stuff b</td>
<td>some stuff b</td>
</tr>
</table>
<script type="text/javascript">
function toggle(category)
{
// turn everything off
for (var i = 0; i < 2; i++)
{
var cat = document.getElementsByName('cat' + i);
for (var j = 0; j < cat.length; j++)
cat[j].style.display = 'none';
}
// turn on category chosen
var cat = document.getElementsByName(category);
for (var i = 0; i < cat.length; i++)
cat[i].style.display = '';
}
// start by showing cat0
toggle('cat0');
</script>
最佳答案
IE 不允许您使用 document.getElementsByName
方法访问表格行。如果您使用 ID 而不是名称,它将起作用。请参阅此页面以获取符合您要求的代码:http://www.toolazy.me.uk/template.php?content=getelementsbyname.xml
关于javascript - 无法使用 getElementsByName() 在 IE 中切换表格行的显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2861341/