我只是 javascript 的新手,我使用的是多行表單,當我單擊下拉按鈕并且它不斷回傳表單的第一頁時,我找不到頁面重新加載的原因。
這是我在下拉串列中的代碼
<div class="container3">
<button class="click" name="drop" href="#">
Select hours
</button>
<div class="list">
<button class="links" href="#">6 Hours</button>
<button class="links" href="#">8 Hours</button>
<button class="links" href="#">10 Hours</button>
<button class="links" href="#">16 Hours</button>
<button class="links" href="#">20 Hours</button>
</div>
</div>
這是javascript:
<script>
let click = document.querySelector('.click');
let list = document.querySelector('.list');
click.addEventListener("click", ()=>{
list.classList.toggle('newlist');
});
</script>
uj5u.com熱心網友回復:
button首先從標簽中洗掉 href 屬性。
href 是a標簽的屬性。
如果您想取消按鈕事件,請將其添加到您的代碼中event.preventDefault()
這里有一個例子:
<script>
let click = document.querySelector('.click');
let list = document.querySelector('.list');
click.addEventListener("click", (event)=>{
event.preventDefault()
list.classList.toggle('newlist');
});
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/459149.html
標籤:javascript html
