下面是一个使用 Ajax 实现下拉选择只在第一次工作时表现出色的示例代码:
HTML:
JavaScript:
// 当页面加载完成时执行
document.addEventListener("DOMContentLoaded", function() {
// 创建一个变量来保存是否是第一次选择
let isFirstSelection = true;
// 获取 select 元素
const selectBox = document.getElementById("select-box");
// 添加事件监听器
selectBox.addEventListener("change", function() {
// 检查是否是第一次选择
if (isFirstSelection) {
// 发送 Ajax 请求
// 这里可以根据需要进行具体的 Ajax 请求操作
console.log("发送 Ajax 请求");
// 更新 isFirstSelection 变量的值,表示已经不是第一次选择
isFirstSelection = false;
} else {
// 不是第一次选择,执行其他操作
console.log("执行其他操作");
}
});
});
上述代码中,我们在页面加载完成后,通过 DOMContentLoaded
事件监听器来执行代码。在代码中,我们创建了一个变量 isFirstSelection
来记录是否是第一次选择。
接着,我们获取了 select 元素,并为其添加了一个 change
事件监听器。当选择框的值发生变化时,事件监听器会被触发。
在事件监听器中,我们首先检查 isFirstSelection
变量的值。如果为 true
,表示是第一次选择,我们可以在这里发送 Ajax 请求,执行一些特殊的操作。然后,我们更新 isFirstSelection
变量的值为 false
,表示已经不是第一次选择。
如果 isFirstSelection
变量的值为 false
,表示不是第一次选择,我们可以在这里执行其他操作。
注意:上述代码中的 Ajax 请求部分仅作为示例,具体的请求代码需要根据实际情况进行编写。