Javascript 我想再换一次;更改“;就一次
所以:我只做了一次onchange更改,因为我希望对象在第一次更改后出现在屏幕上,并保持在屏幕上:Javascript 我想再换一次;更改“;就一次,javascript,html,css,if-statement,onchange,Javascript,Html,Css,If Statement,Onchange,所以:我只做了一次onchange更改,因为我希望对象在第一次更改后出现在屏幕上,并保持在屏幕上: <select required name="Tamanho" style="margin-top: 10px;margin-bottom: 10px;font-family: bebas_kairegular;font-size: 26px;" onchange="button();"> <option val
<select required name="Tamanho" style="margin-top: 10px;margin-bottom: 10px;font-family: bebas_kairegular;font-size: 26px;" onchange="button();">
<option value="tamanho" selected disabled id="tamanho">Escolha um tamanho</option>
<option value="P">P</option>
<option value="M">M</option>
<option value="G">G</option>
</select>
<div id="button" ><button type="button" onclick="cartClick()" style="font-size: 26px;">Comprar</button></div>
我不知道该怎么做才能得到我想要的。
请帮帮我好吗
谢谢大家! 如果我理解正确,您希望在选择的第一个项目后显示按钮,然后保持可见。如果这是正确的,请参阅下面使用代码的示例。您不需要代码中的
else
部分,我在按钮中添加了display:none
功能按钮(){
var p=document.getElementById(“按钮”);
如果(p.style.display==“无”){
p、 style.display=“block”;
}
}
埃斯科拉乌姆塔曼霍酒店
P
M
G
compar
如果我理解正确,您希望在选择的第一个项目后显示按钮,然后保持可见。如果这是正确的,请参阅下面使用代码的示例。您不需要代码中的else
部分,我在按钮中添加了display:none
功能按钮(){
var p=document.getElementById(“按钮”);
如果(p.style.display==“无”){
p、 style.display=“block”;
}
}
埃斯科拉乌姆塔曼霍酒店
P
M
G
压缩机
我一直在试着做一次onchange
更改
这就是.removeEventListener()
的作用
您可以在
中使用.addEventListener()
而不是onchange=“button();”
作为内联属性,如下所示:
// GRAB ELEMENT
const selectTamanho = document.querySelector('[name="Tamanho"]');
// ADD THE EVENT LISTENER TO ELEMENT
selectTamanho.addEventListener('change', button);
然后,在按钮()
函数中,可以添加最后一行:
// REMOVE THE EVENT LISTENER FROM ELEMENT
selectTamanho.removeEventListener('change', button);
我一直在试着做一次onchange
更改
这就是.removeEventListener()
的作用
您可以在
中使用.addEventListener()
而不是onchange=“button();”
作为内联属性,如下所示:
// GRAB ELEMENT
const selectTamanho = document.querySelector('[name="Tamanho"]');
// ADD THE EVENT LISTENER TO ELEMENT
selectTamanho.addEventListener('change', button);
然后,在按钮()
函数中,可以添加最后一行:
// REMOVE THE EVENT LISTENER FROM ELEMENT
selectTamanho.removeEventListener('change', button);
或者将选项传递给addEventListener
–.addEventListener('change',按钮,{once:true})
优秀点@pilchard。在添加单击事件侦听器等时,我确实使用了false
和true
,但是,尽管我不久前了解了较新对象参数的值,但我发现几年后我从未真正使用过它们。我会去修改它们。或者将选项传递给addEventListener
–。addEventListener('change',按钮,{once:true})
优秀点,@pilchard。在添加单击事件侦听器等时,我确实使用了false
和true
,但是,尽管我不久前了解了较新对象参数的值,但我发现几年后我从未真正使用过它们。我会去修改它们。请注意,SO并不意味着“您能为我提供此代码吗”存储库。它旨在为那些在解决特定挑战时遇到问题的人提供有用的资源?请看一看:您尝试了什么,发生了什么错误,它们发生在代码中的什么地方等等。您的特定问题必须包括一个专用变量,该变量确定购物车中是否有任何内容并显示按钮。请注意,这并不意味着“您可以为我提供此代码”存储库。它旨在为那些在解决特定挑战时遇到问题的人提供有用的资源?也许可以看看这个:尝试了什么,发生了什么错误,它们发生在代码中的什么地方等等。您的特定问题必须包括一个专用变量,该变量确定购物车中是否有任何内容,并显示按钮。