如何消除默认选项值对JS判定的影响

胖作家 胖作家 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我在JSP中设置了数个下拉列表框,每一个选项都有Value,默认为零,我希望两个频道的值不能完全相同,相同会弹出警告框,举个例子,程序中的CH1和CH2可以是“RGDM1 101700”和“RGDM1 102450”,但不能同时为“RGDM1 102450”,这一点可以判断,但我希望消除默认值0的影响,代码如下:
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ page import="java.io.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>UE2020 Web Server Interface</title>
<meta name="keywords" content="UP2020 Industrial equipment control" />
<meta name="description" content="UP2020 Industrial equipment control" />

<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/Intf.css">
</head>
<body>
<div class="top">
<font color="orange" size="5">
PSBC2020
</font>

</div>
<form>
<div class="box3">
<table class="tb">
<tr>
<th> </th>
<th>LED</th>
<th>IOA</th>
<th>Description</th>
</tr>
<tr>
<th>CH1</th>
<td> <select id="LED1" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">RGDM1</option>
<option value="2" >RGDM2</option>
</select></td>
<td><select id="IOA1" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">101700</option>
<option value="2" >102450</option>
</select> </td>
<td></td>
</tr>
<tr>
<th>CH2</th>
<td> <select id="LED2" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">RGDM1</option>
<option value="2" >RGDM2</option>
</select></td>
<td> <select id="IOA2" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">101700</option>
<option value="2" >102450</option>
</select> </td>
<td></td>
</tr>
<tr>
<th>CH3</th>
<td> <select id="LED3" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">RGDM1</option>
<option value="2" >RGDM2</option>
</select></td>
<td><select id="IOA3" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">101700</option>
<option value="2" >102450</option>
</select> </td>
<td></td>
</tr>
<tr>
<th>CH4</th>
<td> <select id="LED4" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">RGDM1</option>
<option value="2" >RGDM2</option>
</select></td>
<td><select id="IOA4" class="CD" onchange="check()">
<option value="0"> </option>
<option value="1">101700</option>
<option value="2" >102450</option>
</select> </td>
<td></td>
</tr>
</table>
<input type="reset" name="reset" class="check" value="Reset" style="width:100px;height:40px;float:left;"
onmouseover="this.style.backgroundColor = '#6f6f6f';" onmouseout="this.style.backgroundColor = '';"/>
<input type="submit" name="submit" class="check" value="Submit" style="width:100px;height:40px;float:right;"
onmouseover="this.style.backgroundColor = '#6f6f6f';" onmouseout="this.style.backgroundColor = '';"/>
</div>
</form>
</body>
<script type="text/javascript">
function check() {
var LED1 = document.getElementById("LED1").value;
var LED2 = document.getElementById("LED2").value;
var LED3 = document.getElementById("LED3").value;
var LED4 = document.getElementById("LED4").value;
var IOA1 = document.getElementById("IOA1").value;
var IOA2 = document.getElementById("IOA2").value;
var IOA3 = document.getElementById("IOA3").value;
var IOA4 = document.getElementById("IOA4").value;

if (LED1 === LED2 || LED1 === LED3 || LED1 === LED4 || LED2 === LED3 || LED2 === LED4 || LED3 === LED4) {
if (IOA1 === IOA2 || IOA1 === IOA3 || IOA1 === IOA4 || IOA2 === IOA3 || IOA2 === IOA4 || IOA3 === IOA4) {
alert("There is no same input value for diffrent channel! ");
}
}
}

</script>
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<script src="js/main.js"></script>
</html>


求高手解答
...全文

相关推荐

评论 8
收藏 已收藏
分享
返回顶部
胖作家
JavaScript 87,984 成员 224,681 内容