<main>
<div class="container">
<select name="semester" id="select-semester">
<option value="no-semester">select semester</option>
<option value="semester 1">semester 1</option>
<option value="semester 2">semester 2</option>
<option value="semester 2">semester 3</option>
</select>
</div>
</main>就像我有semester1,semester2,semester3这样的选项,所以如果有人选择第一学期,他就会转到第一学期。
发布于 2022-06-12 11:11:59
我将订阅select的change事件,然后根据选定的值将其重定向到相应的页面。
就像这样:
<main>
<div class="container">
<select name="semester" id="select-semester">
<option value="">select semester</option>
<option value="1">semester 1</option>
<option value="2">semester 2</option>
<option value="3">semester 3</option>
</select>
</div>
</main>
document
.getElementById('select-semester')
.addEventListener('change', function (this: HTMLSelectElement) {
var semesterId = this.value;
if (semesterId) {
window.location.href = '/semester-' + semesterId;
}
});发布于 2022-06-12 11:15:43
我在这里为你树立了一个榜样!我在“选择”下面放置了一个链接。值更改事件复制标记的href属性。
let semester = document.querySelector("#select-semester");
let go = document.querySelector("#go");
semester.addEventListener("change", (e)=> {
go.href = go.dataset.baselink + semester.value;
go.innerHTML = "GO to " + semester.value
}
);#go {
padding: 5px;
border-radius: 5px;
background-color: gray;
text-decoration: none;
color: black;
text-align: center;
}<div class="container">
<select name="semester" id="select-semester">
<option value="no-semester">select semester</option>
<option value="semester 1">semester 1</option>
<option value="semester 2">semester 2</option>
<option value="semester 2">semester 3</option>
</select>
<a id="go" href="#" data-baselink="https://www.somelink.do/">GO</a>
</div>
https://stackoverflow.com/questions/72591429
复制相似问题