防止select事件累加的js操作

最新推荐文章于 2022-04-25 15:14:15 发布
最新推荐文章于 2022-04-25 15:14:15 发布
阅读量132 收藏
点赞数
分类专栏： javascript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenhaiyang_ok/article/details/84376623
版权
<%@ page contentType="text/html;charset=GBK"%>
<%@include file="../common/tag_include.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>
查看市场折扣表-分销
</title>
<link rel="stylesheet" href="<%=request.getContextPath()%>/js/default.css" type="text/css">
<link rel="stylesheet" href="<%=request.getContextPath()%>/js/menu.css" type="text/css">
<script language="javascript" src="<%=request.getContextPath()%>/js/global.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/js/tooltip.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/js/common.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/js/xmlcommon.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/js/checkfield.js"></script>
</head>
<body topmargin="0" leftmargin="0">
<table width="100%" border="0" cellspacing="1" cellpadding="2" align="center" class="etable">
<input type="hidden" name="calibID" value="<c:out value="${calib6.calibID}"/>" />
<tr align="center">
<td class="content" colspan="4">
<b>
查看市场折扣表-分销
</b>
</td>
</tr>

<tr>
<td align="right" width="15%">机构</td>
<td width="35%">
<c:forEach var="departmentList" items="${departmentList}" varStatus="status">
<c:if test="${departmentList.name==calib6.departmentCode}"><c:out value="${departmentList.text}" /></c:if>
</c:forEach>

</td>
<TD align="right">
渠道
</TD>
<TD>
<c:if test="${calib6.channelSourceCode=='1'}">分销</c:if>
<c:if test="${calib6.channelSourceCode=='2'}">电销</c:if>
<c:if test="${calib6.channelSourceCode=='3'}">直销</c:if>
<c:if test="${calib6.channelSourceCode=='4'}">车商</c:if>
<c:if test="${calib6.channelSourceCode=='5'}">网销</c:if>
</TD>

</tr>

<tr>
<TD align="right">
业务类型
</TD>
<TD>
<c:if test="${calib6.businessType=='1'}">非营业客车</c:if>
<c:if test="${calib6.businessType=='2'}">其他</c:if>
</TD>
<TD width="15%" align="right">
投保方式
</TD>
<TD width="35%">
<c:if test="${calib6.applyType=='1'}">新保</c:if>
<c:if test="${calib6.applyType=='2'}">续保</c:if>
</TD>
</tr>
<tr>
<TD align="right">规则类型</TD>
<TD colspan="3">
<c:forEach var="decisionRuleList" items="${decisionRuleList}" varStatus="status">
<c:forEach var="calibRuleList" items="${calibRuleList}" varStatus="status">
<c:if test="${decisionRuleList.ruleId==calibRuleList.ruleID}"><c:out value="${decisionRuleList.ruleName}" /></c:if>
</c:forEach>
</c:forEach>
</TD>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="2" align="center" class="etable">
<c:forEach var="calibRule" items="${calibRuleList}" varStatus="status">
<c:if test="${calibRule.businessType=='D1'}">
<tr>
<td class="content1" colspan="4">
<select id="ruleVersionNo" name="ruleVersionNo" οnchange="javascript:valChange(this);">
<option value="">请选择</option>
<c:forEach var="tab1" items="${calibRule.rule.tables}" varStatus="status">
<option value="<c:out value="${tab1.tableId}"/>"><c:out value="${tab1.versionNo}"/></option>
</c:forEach>
</select>
</td>
</tr>
<c:forEach var="tab" items="${calibRule.rule.tables}" varStatus="status">
<tbody id='<c:out value="${tab.tableId}"/>' style="display:none">
<tr>
<td class="content1" colspan="4">
<b>
规则-表信息(<c:out value="${tab.versionNo}"/>)
</b>
</td>
</tr>
<TR>
<TD nowrap align="center">
<B> 流水号 </B>
</TD>
<TD nowrap align="center">
<B> 版本生效时间</B>
</TD>
<TD nowrap align="center">
<B> 版本失效时间</B>
</TD>
<TD nowrap align="center">
<B> 导入文件名称</B>
</TD>
</TR>
<tr>
<td nowrap align="center">
<c:out value="${tab.tableId}"/>
<input type="hidden" name='tableId' value='<c:out value="${tab.tableId}"/>'>
</td>
<td nowrap align="center">
<fmt:formatDate value="${tab.versionStartDate}" pattern="yyyy-MM-dd"/>
</td>
<td nowrap align="center">
<fmt:formatDate value="${tab.versionEndDate}" pattern="yyyy-MM-dd"/>
</td>
<td nowrap align="center">
<c:out value="${tab.attachName}"/>
</td>
</tr>
<tr>
<td colspan="60">
<table width="100%" border="0" cellspacing="1" cellpadding="2" align="center" class="etable">
<tr>
<td align="left" colspan="60">
<b>
行信息
</b>
</td>
</tr>
<TR>
<TD nowrap align="center">
<B> 序号 </B>
</TD>
<c:forEach var="condition" items="${decisionRow_R.conditions}" varStatus="status">
<TD nowrap align="center">
<B> <c:out value="${condition.columnDefine.columnName}"/></B>
</TD>
</c:forEach>
<TD nowrap align="center">
<B> <c:out value="${decisionRow.conclusion.columnDefine.columnName}"/></B>
</TD>
<TD nowrap align="center">
<B> <c:out value="${decisionRow.message.columnDefine.columnName}"/></B>
</TD>
</TR>
<c:forEach var="row" items="${tab.rows}" varStatus="status">
<tr>
<td nowrap width="10%" align="center">
<c:out value="${row.indexId}"/>
</td>

<c:forEach var="condValue" items="${row.conditions}" varStatus="status">
<TD nowrap align="center">
<c:out value="${condValue.value}"/>
</TD>
</c:forEach>

<td nowrap width="10%" align="center">
<c:out value="${row.conclusion.value}"/>
</td>
<td nowrap width="10%" align="center">
<c:out value="${row.message.value}"/>
</td>
</tr>
</c:forEach>
</table>
</td>
</tr>
<tr>
<td colspan="60"> </td>
</tr>
</tbody>
</c:forEach>
<TR>
<TD align="left" colspan="4">
   <input type="button" class="tpbutton" name="btnEdit" value=" 导入实例数据 " onClick="importObject('<c:out value="${calibRule.ruleID}"/>','<c:out value="${calibRule.rule.ruleDefineId}"/>');" />
</TD>
</TR>
</c:if>
</c:forEach>
</table>
</body>
</html>
<script languge="javascript">
var tempVar = '';
function valChange(obj){
var changeValue = obj.value;
if(tempVar != '') {
document.getElementById(tempVar).style.display = "none";
}
if(changeValue != '') {
document.getElementById(changeValue).style.display = "block";
}
tempVar = changeValue;
}
function importObject(ruleId,ruleDefineId){
// var ruleId = <c:out value="${decisionRule.ruleId}"/>;
// var ruleDefineId = <c:out value="${decisionRule.ruleDefineId}"/>;
var url = "decisionRowImprotMenu.do?ruleIdPara="+ruleId+"&ruleDefineIdPara="+ruleDefineId;
window.open(url,'importObject',"scrollbars=yes,status=no,width=800,height=600");
}

function successCallback(){
window.location.reload();
}

</script>
chenhaiyang_ok
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 禁止鼠标选择事件
lyx9611的博客
06-24 1521
1、这是通过CSS样式来实现的禁止用鼠标选择功能： unselectable为IE准备 onselectstart为Chrome、Safari准备 -moz-user-select是FF的 css style: html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;} 2、或者使用下面的方法 <div unselectable="on" onselectstart="return false;" s
css阻止input select默认事件
weixin_30483697的博客
03-26 524
css样式中设置 pointer-events：none; 所有的事件都不会触发包括触发焦点等。 转载于:https://www.cnblogs.com/vbluebirdv/archive/2013/03/26/2982556.html
jquery常用方法总结（select方法、阻止事件冒泡等）
Flowering_Vivian的博客
09-23 609
1.jquery阻止事件冒泡 $('#btn1').click(function (event) { event.stopPropagation(); }); 2.jquery判断是否显示或隐藏 if($("#test").is(':visible')){...} //是否显示 if($("#test").is(":hidden")){...} //是否隐藏 3.jquery select操作 $(".selector").val("pxx"); //设置value为pxx的项选中 $
JS如何阻止事件冒泡和如何阻止默认行为
A-Select °
04-20 275
阻止冒泡但不阻止默认行为 e.cancelBubble = true; e.stopPropagation()； 阻止默认行为但没阻止冒泡 e.preventDefault()； return false; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
JavaScript【累加问题】
略懂一点的少年的博客
06-14 339
1，关于获取数据累加，结果总是只能得到1的问题 这个原因就需要你看一下是不是因为你将赋到的值又放在了for循环里面了，如果这样它第二次循环又会将变量变成0，然后加一，这样无论多少遍都还是1。 错误示范 for (var i = 0; i < $(".a").length; i++) { var c = $(".j")[i].innerHTML;//遍历所有的管理员 if (c == $("#nameN").html()) { var b = 0;
JS实现select选中option触发事件操作示例
01-19
本文实例讲述了JS实现select选中option触发事件操作。分享给大家供大家参考，具体如下： 我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里...
javascript操作select元素实例分析
10-24
主要介绍了javascript操作select元素的方法,可实现针对select元素选中元素时动态改变html元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
js操作select控件的几种方法
12-01
本文将详细介绍如何使用JavaScript实现对`<select>`控件的各种操作，包括判断选项是否存在、添加选项、删除选项、修改选项文本、设置选中项以及获取选中项的相关信息。 1. **判断select选项中是否存在Value=...
js 操作select相关方法函数
10-29
select的操作实现代码。方便控制select的朋友。脚本之家之前提供很多相关的代码。
javascript中var变量for循环值内setTimeout不累加
前端小白的逆袭
09-23 642
//理想中，每隔一段时间依次输出0到9，但实际输出了十个10 //原因是js是单线程，每次执行for循环都会创建setTimeout，异步执行，当setTimeout要console时拿到的i就是已经执行完for循环后的i，所以i的值为10，输出了十次。 for (var i = 0; i < 10; i++) { setTimeout(() => { console.log(i); }, 100 * i); } //方法一：通过立即执行函数表达式解决以上问题，每次迭代i都会被缓存
javaScript完全操控select标签
thunder_1985的专栏
09-28 1519
在页面中经常会用javaScript对标签的处理，下面我将会对此提供方法来操控它。例子1：  第一项 第二项  对其操作如下： //方法1:利用dwr提供的工具类DWRUtil function test1(){ var va=DWRUtil.getValue(select); //得到select标签选中
使用 JS 阻止网页的内容被选中
顺其自然~专栏
04-25 3386
使用 JS 阻止整个网页的内容被选中 document.body.onselectstart = function () { return false; }; // 或 document.body.onmousedown = function () { return false; } 原理：重写onselectstart()，onmousedown，并且返回false，阻止事件发生后继续调用默认处理函数进行处理。 阻止特定区域的内容被选中 var elem = d..
js实现动态多个下拉框累加求和并将值赋给另一个文本框
￥￥￥的博客
04-25 915
部分函数为产品内嵌函数，原理大都相同： function getRiskRange(){ var var1=0,var2=0,v3=0,v4=0,v5=0,v6=0,v7=0,v8=0,v9=0,v10=0,v11=0,v12=0,v13=0; // alert(var1+var2+v3+v4+v5+v6+v7+v8+v9+v10+v11+v12+v13); F("chan...
javascript 入门 之select2功能大全
愿你饱经冷暖，仍保纯真
08-02 1377
1.代码较为简单，不作太多讲解，新建一个javascript工程，在index.htl中编写如下代码，根据&lt;link&gt;和&lt;script&gt;标签配制好js和css库便可！ &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"/&gt; &lt;met
点击option触发事件，增加一个div
weixin_30496751的博客
05-25 408
描述 根据需求，点击搜索主要业绩时，右侧增加一个select的主要业绩筛选条件 Jquery代码 $(function(){ $("#select").change(function(){ var options=$("#select option:selected"); if(options.val() == '5'){ ...
javascript select2.js 动态添加_JS（javascript）基础
weixin_39558804的博客
11-25 348
1.JavaScript 的简介作用1、html+css 只是可以实现静态的页面无法实现动态的效果2、表单的校验3、背景图片的更换4、操作节点的信息 概念JavaScript 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型组成 ECMAScript：JavaScript的核心 文档对象模型（DOM）：DOM（文档对象模型）是 HTML 和XML 的应用程序接口（API...
jQuery事件累加问题解决办法
qq_35125915的博客
01-10 818
今天做一个很简单的小demo，遇到事件累加问题，硬是弄了一个小时，一直在找问题。 问题：用jquery的on()方法绑定点击事件，第一次点击没有问题，当第二次点击时，function里面的代码对执行两次，点击越多，执行次数也会相应增加。注:我的代码中只有一个元素绑定事件，故排除事件冒泡。 function bindEvent() { var $change=$wrapper.find...
js的select事件
最新发布
04-01
JavaScript的select事件在用户选择文本框中的一些文本时触发。当文本框中的选定文本发生变化时，该事件将被触发。以下是一个简单的示例： ```html ()"> ``` 在上面的示例中，当用户选择“myInput”文本框中的文本...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值