要根据选择的选项显示两个链接,可以通过以下步骤实现:
<select>
元素和 <option>
元素来创建选择框和选项。例如:<select id="optionSelect">
<option value="link1">选项1</option>
<option value="link2">选项2</option>
<option value="link3">选项3</option>
</select>
document.getElementById('optionSelect').addEventListener('change', function() {
var selectedOption = this.value;
var link1 = "https://www.example.com/link1";
var link2 = "https://www.example.com/link2";
if (selectedOption === "link1") {
document.getElementById('linkContainer').innerHTML = "<a href='" + link1 + "'>链接1</a>";
} else if (selectedOption === "link2") {
document.getElementById('linkContainer').innerHTML = "<a href='" + link2 + "'>链接2</a>";
} else {
document.getElementById('linkContainer').innerHTML = "";
}
});
上述代码首先获取选择框的值,然后根据选择的选项来确定要显示的链接。最后,根据选择的选项更新包含链接的容器。
<div id="linkContainer"></div>
这样,当用户选择不同的选项时,相应的链接就会显示在这个容器中。
请注意,以上代码仅为示例,实际项目中可能需要根据具体的需求进行适当修改。
领取专属 10元无门槛券
手把手带您无忧上云