写上面的js代码。逻辑:运力类型为车队时展示车队手机号输入框,提交时检查输入框是否没填
时间: 2024-06-05 10:06:22 浏览: 6
// 获取运力类型选择框
const transportTypeSelect = document.getElementById("transportType");
// 获取车队手机号输入框
const fleetPhoneInput = document.getElementById("fleetPhoneInput");
// 获取提交按钮
const submitButton = document.getElementById("submitButton");
// 当运力类型选择框的值改变时
transportTypeSelect.addEventListener("change", function() {
// 如果选择的是车队
if (transportTypeSelect.value === "fleet") {
// 显示车队手机号输入框
fleetPhoneInput.style.display = "block";
} else {
// 隐藏车队手机号输入框
fleetPhoneInput.style.display = "none";
}
});
// 当提交按钮被点击时
submitButton.addEventListener("click", function() {
// 如果运力类型选择的是车队,并且车队手机号输入框没有填写
if (transportTypeSelect.value === "fleet" && fleetPhoneInput.value.trim() === "") {
// 弹出提示框
alert("请填写车队手机号");
} else {
// 提交表单
document.forms[0].submit();
}
});
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)