gpt4 book ai didi

javascript - onChange 事件处理程序,具有可以显示隐藏元素的选择元素

转载 作者:行者123 更新时间:2023-11-28 01:11:10 25 4
gpt4 key购买 nike

这是我下面的代码,只有当我选择“否”时,才会显示表格行。我尝试了这个 onchange 事件和 DOM,这样我就可以显示应该显示的隐藏表,但我不知道为什么它不起作用。

<!DOCTYPE html>
<html>
<head>
<script>


function showstuff(){
document.getElementById(show).style.display="block";
}
</script>
</head>

<body>

<form>
Choose which browser you prefer:
<select id="browsers" onchange="showstuff(show)">
<option value="Maybe">May Be</option>
<option value="Yes">Yes</option>
<option value="NO">No</option>
</select>
</form>

<table>
<tr id="show" style="display: none">
<td>Write why no?</td>
<td><input type="text" name="whyno"></td>
</tr>


</table>

</body>
</html>

最佳答案

在 JavaScript 中,DOM 元素 ID 是字符串,因此您必须用单引号或双引号分隔它们,即 'show',如果您想将某个值传递给函数,您可以必须定义参数名称,即 function showstuff(argument),然后在函数的其余部分中使用该参数。

编辑:我修改了您的函数以采用三个参数:您想要显示的元素、必须检查的选项以及对要显示的元素的引用改变了。例如,仅当选项 'NO'< 时,showstuff('show', 'NO', this) 才会显示带有 id="show" 的元素 已选择。

将您的功能更改为:

function showstuff(element, option, t){
if(t.options[t.selectedIndex].value==option){
document.getElementById(element).style.display="block";
}else{
document.getElementById(element).style.display="none";
}
}

HTML 如下:

<select id="browsers" onchange="showstuff('show', 'NO', this);">

jsFiddle example.

关于javascript - onChange 事件处理程序,具有可以显示隐藏元素的选择元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24414259/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com