js value值以改变但输入框的值未改变

alabao 2015-01-31 12:20:26
前台用
<input type='text' maxlength = '12' style='width:95%;' value='0' onblur='CalculateMinusSalary(this, "1");' class='tdinput' id=‘test1' />

js用
function CalculateAddSalary(obj, row)
{

var inputValue = obj.value;
obj.value = inputValue.substring(0, index + 3);
alter（ document.getElementById( obj.id).value）;
alter（obj.value）;
}
输入1 时 第一个值=0，第二个值等于1


问题
为何给input赋值后却获取不到最新的值
...全文
1887 10 打赏 收藏 转发到动态 举报
写回复
用AI写文章
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
alabao 2015-02-03
  • 打赏
  • 举报
 回复
用jQuery 也不行
md5e 2015-02-03
  • 打赏
  • 举报
 回复
用jQuery 试试吧 function CalculateAddSalary(obj, row) { var inputValue =jQuery(obj).val(); jQuery(obj).val("1"); alert(document.getElementById(obj.id).value); alert(obj.value); }
alabao 2015-02-03
  • 打赏
  • 举报
 回复
引用 1 楼 qldsrx 的回复:
1、不存在CalculateMinusSalary函数 2、不存在alter函数 3、不存在index变量 如果你没写错，不可能会不改变的，而事实上各种语法错误，你会不会javascript啊？
这不是完整的代码，ALERT也写错了，我是加了一个superTables.js，之后才发生这种情况，这个JS是用来固定表的行与列用的，不加这个JS是正常的 js代码是 
var superTable = function (tableId, options) {
/////* Initialize */
	options = options || {};
	this.cssSkin = options.cssSkin || "";
	this.headerRows = parseInt(options.headerRows || "1");
	this.fixedCols = parseInt(options.fixedCols || "0");
	this.colWidths = options.colWidths || [];
	this.initFunc = options.onStart || null;
	this.callbackFunc = options.onFinish || null;
	this.initFunc && this.initFunc();
	
/////* Create the framework dom */
	this.sBase = document.createElement("DIV");
	this.sFHeader = this.sBase.cloneNode(false);
	this.sHeader = this.sBase.cloneNode(false);
	this.sHeaderInner = this.sBase.cloneNode(false);
	this.sFData = this.sBase.cloneNode(false);
	this.sFDataInner = this.sBase.cloneNode(false);
	this.sData = this.sBase.cloneNode(false);
	this.sColGroup = document.createElement("COLGROUP");
	
	this.sDataTable = document.getElementById(tableId);
	this.sDataTable.style.margin = "0px"; /* Otherwise looks bad */
	if (this.cssSkin !== "") {
		this.sDataTable.className += " " + this.cssSkin;
	}
	if (this.sDataTable.getElementsByTagName("COLGROUP").length > 0) {
		this.sDataTable.removeChild(this.sDataTable.getElementsByTagName("COLGROUP")[0]); /* Making our own */
	}
	this.sParent = this.sDataTable.parentNode;
	this.sParentHeight = this.sParent.offsetHeight;
	this.sParentWidth = this.sParent.offsetWidth;
	
/////* Attach the required classNames */
	this.sBase.className = "sBase";
	this.sFHeader.className = "sFHeader";
	this.sHeader.className = "sHeader";
	this.sHeaderInner.className = "sHeaderInner";
	this.sFData.className = "sFData";
	this.sFDataInner.className = "sFDataInner";
	this.sData.className = "sData";
	
/////* Clone parts of the data table for the new header table */
	var alpha, beta, touched, clean, cleanRow, i, j, k, m, n, p;
	this.sHeaderTable = this.sDataTable.cloneNode(false);
	if (this.sDataTable.tHead) {
		alpha = this.sDataTable.tHead;
		this.sHeaderTable.appendChild(alpha.cloneNode(false));
		beta = this.sHeaderTable.tHead;
	} else {
		alpha = this.sDataTable.tBodies[0];
		this.sHeaderTable.appendChild(alpha.cloneNode(false));
		beta = this.sHeaderTable.tBodies[0];
	}
	alpha = alpha.rows;
	for (i=0; i<this.headerRows; i++) {
		beta.appendChild(alpha[i].cloneNode(true));
	}
	this.sHeaderInner.appendChild(this.sHeaderTable);
	
	if (this.fixedCols > 0) {
		this.sFHeaderTable = this.sHeaderTable.cloneNode(true);
		this.sFHeader.appendChild(this.sFHeaderTable);
		this.sFDataTable = this.sDataTable.cloneNode(true);
		this.sFDataInner.appendChild(this.sFDataTable);
	}
	
/////* Set up the colGroup */
	alpha = this.sDataTable.tBodies[0].rows;
	for (i=0, j=alpha.length; i<j; i++) {
		clean = true;
		for (k=0, m=alpha[i].cells.length; k<m; k++) {
			if (alpha[i].cells[k].colSpan !== 1 || alpha[i].cells[k].rowSpan !== 1) {
				i += alpha[i].cells[k].rowSpan - 1;
				clean = false;
				break;
			}
		}
		if (clean === true) break; /* A row with no cells of colSpan > 1 || rowSpan > 1 has been found */
	}
	cleanRow = (clean === true) ? i : 0; /* Use this row index to calculate the column widths */
	for (i=0, j=alpha[cleanRow].cells.length; i<j; i++) {
		if (i === this.colWidths.length || this.colWidths[i] === -1) {
			this.colWidths[i] = alpha[cleanRow].cells[i].offsetWidth;
		}
	}
	for (i=0, j=this.colWidths.length; i<j; i++) {
		this.sColGroup.appendChild(document.createElement("COL"));
		this.sColGroup.lastChild.setAttribute("width", this.colWidths[i]);
	}
	this.sDataTable.insertBefore(this.sColGroup.cloneNode(true), this.sDataTable.firstChild);
	this.sHeaderTable.insertBefore(this.sColGroup.cloneNode(true), this.sHeaderTable.firstChild);
	if (this.fixedCols > 0) {
		this.sFDataTable.insertBefore(this.sColGroup.cloneNode(true), this.sFDataTable.firstChild);
		this.sFHeaderTable.insertBefore(this.sColGroup.cloneNode(true), this.sFHeaderTable.firstChild);
	}
	
/////* Style the tables individually if applicable */
	if (this.cssSkin !== "") {
		this.sDataTable.className += " " + this.cssSkin + "-Main";
		this.sHeaderTable.className += " " + this.cssSkin + "-Headers";
		if (this.fixedCols > 0) {
			this.sFDataTable.className += " " + this.cssSkin + "-Fixed";
			this.sFHeaderTable.className += " " + this.cssSkin + "-FixedHeaders";
		}
	}
	
/////* Throw everything into sBase */
	if (this.fixedCols > 0) {
		this.sBase.appendChild(this.sFHeader);
	}
	this.sHeader.appendChild(this.sHeaderInner);
	this.sBase.appendChild(this.sHeader);
	if (this.fixedCols > 0) {
		this.sFData.appendChild(this.sFDataInner);
		this.sBase.appendChild(this.sFData);
	}
	this.sBase.appendChild(this.sData);
	this.sParent.insertBefore(this.sBase, this.sDataTable);
	this.sData.appendChild(this.sDataTable);
	
/////* Align the tables */
	var sDataStyles, sDataTableStyles;
	this.sHeaderHeight = this.sDataTable.tBodies[0].rows[(this.sDataTable.tHead) ? 0 : this.headerRows].offsetTop;
	sDataTableStyles = "margin-top: " + (this.sHeaderHeight * -1) + "px;";
	sDataStyles = "margin-top: " + this.sHeaderHeight + "px;";
	sDataStyles += "height: " + (this.sParentHeight - this.sHeaderHeight) + "px;";
	if (this.fixedCols > 0) {		
		/* A collapsed table's cell's offsetLeft is calculated differently (w/ or w/out border included) across broswers - adjust: */
		this.sFHeaderWidth = this.sDataTable.tBodies[0].rows[cleanRow].cells[this.fixedCols].offsetLeft;
		if (window.getComputedStyle) {
			alpha = document.defaultView;
			beta = this.sDataTable.tBodies[0].rows[0].cells[0];
			if (navigator.taintEnabled) { /* If not Safari */
				this.sFHeaderWidth += Math.ceil(parseInt(alpha.getComputedStyle(beta, null).getPropertyValue("border-right-width")) / 2);
			} else {
				this.sFHeaderWidth += parseInt(alpha.getComputedStyle(beta, null).getPropertyValue("border-right-width"));
			}
		} else if (/*@cc_on!@*/0) { /* Internet Explorer */
			alpha = this.sDataTable.tBodies[0].rows[0].cells[0];
			beta = [alpha.currentStyle["borderRightWidth"], alpha.currentStyle["borderLeftWidth"]];
			if(/px/i.test(beta[0]) && /px/i.test(beta[1])) {
				beta = [parseInt(beta[0]), parseInt(beta[1])].sort();
				this.sFHeaderWidth += Math.ceil(parseInt(beta[1]) / 2);
			}
		}
		
		/* Opera 9.5 issue - a sizeable data table may cause the document scrollbars to appear without this: */
		if (window.opera) {
			this.sFData.style.height = this.sParentHeight + "px";
		}
		
		this.sFHeader.style.width = this.sFHeaderWidth + "px";
		sDataTableStyles += "margin-left: " + (this.sFHeaderWidth * -1) + "px;";
		sDataStyles += "margin-left: " + this.sFHeaderWidth + "px;";
		sDataStyles += "width: " + (this.sParentWidth - this.sFHeaderWidth) + "px;";
	} else {
		sDataStyles += "width: " + this.sParentWidth + "px;";
	}
	this.sData.style.cssText = sDataStyles;
	this.sDataTable.style.cssText = sDataTableStyles;
	
/////* Set up table scrolling and IE's onunload event for garbage collection */
	(function (st) {
		if (st.fixedCols > 0) {
			st.sData.onscroll = function () {
				st.sHeaderInner.style.right = st.sData.scrollLeft + "px";
				st.sFDataInner.style.top = (st.sData.scrollTop * -1) + "px";
			};
		} else {
			st.sData.onscroll = function () {
				st.sHeaderInner.style.right = st.sData.scrollLeft + "px";
			};
		}
		if (/*@cc_on!@*/0) { /* Internet Explorer */
			window.attachEvent("onunload", function () {
				st.sData.onscroll = null;
				st = null;
			});
		}
	})(this);
	
	this.callbackFunc && this.callbackFunc();
};
静静-风 2015-02-03
  • 打赏
  • 举报
 回复
错误太多！
alabao 2015-02-03
  • 打赏
  • 举报
 回复
引用 3 楼 u011665712 的回复:
alter（ document.getElementById( obj.id).value）;这行代码，你重新获取了DOM对象，所有value就是1咯。你输入的是1 嘛。懂没？
若是你说的那样就没必要发帖了现在是重新输入后alter（ document.getElementById( obj.id).value）; 的值=0
Se_先森_ 2015-02-02
  • 打赏
  • 举报
 回复
alter（ document.getElementById( obj.id).value）;这行代码，你重新获取了DOM对象，所有value就是1咯。你输入的是1 嘛。懂没？
Se_先森_ 2015-02-02
  • 打赏
  • 举报
 回复
因为程序执行时，你的obj参数是传进来的，是一个单独的对象，里面的value值是之前的，你输入之后，obj对象还是没有变的，所以里面的value永远是0，
qldsrx 2015-01-31
  • 打赏
  • 举报
 回复
1、不存在CalculateMinusSalary函数 2、不存在alter函数 3、不存在index变量 如果你没写错，不可能会不改变的，而事实上各种语法错误，你会不会javascript啊？
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
本文实例讲述了JavaScript实现点击单选按钮改变输入框中文本域内容的方法。分享给大家供大家参考。具体如下： 这里实现点击单选按钮改变输入框中文本域内容的方法，是一个JavaScript 的简单应用，可以减少用户的输入，提升用户操作易用性，它类似一个TAB选项卡一样的功能，并可以完成后提交表单，值得学习。 运行效果截图如下： 具体代码如下： <html> <head> <title>JavaScript点击单选框改变输入框内容</title> </head> <body> [removed] var defaultValue = "" functi
jQuery/JS监听input输入框值变化实例
input事件： onchange： 1、要在 input 失去焦点的时候才会触发； 2、在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发； 3、onchange event 所有主要浏览器都支持； 4、onchange 属性可以使用于：<input>, <select>, 和 <textarea>。 [removed] function change(){ var x=document.getElementById("password"); x.value=x.value.toUpperCase();<br data-filtered="fil
Redis极简入门：纯小白成长为大白，只需4个半小时~
一套非常简洁的入门Redis视频，前后共有4个半小时，全面了解redis出现背景，redis概念，redis优点/确定，redis常用的5种类型，redis key 与value设计，redis全局命令，redis事务，redis持久化aof/rdb，redis key淘汰策略，redis key过期清理，springboot集成redis操作。教学目标1>了解NoSQL概念2>了解Redis概念，定位，优点，缺点3>掌握Redis常用五大类型4>掌握Redis Key 与Value值设计5>掌握Redis全局命令6>掌握Redis 安全与事务操作7>了解Redis持久化策略8>了解Redis内存淘汰机制与过期Key清理9>掌握Java集成Redis操作10>完成综合案例设计与实现 
input标签内容改变的触发事件介绍
1. onchange事件与onpropertychange事件的区别： onchange事件在内容改变（两次内容有可能相等）且失去焦点时触发；onpropertychange事件是实时触发，每增加或删除一个字符就会触发，通过js改变也会触发该事件，但是该事件是IE专有。 2. oninput事件与onpropertychange事件的区别： oninput事件是IE之外的大多数浏览器支持的事件，在value改变时实时触发，但是通过js改变value时不会触发；onpropertychange事件是任何属性改变都会触发，而oninput却只在value改变时触发，oninput要通过addEv
js onpropertychange输入框 事件获取属性
当一个HTML元素的属性改变的时候，都能通过onpropertychange来捕获。例如< input name=”text1″ id=”text1″ />对象的value属性被页面的脚本修改的时候，onchange无法捕获到，而onpropertychange却能够捕获。 具体理解为：onpropertychange能及时捕获属性值的变化，而onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件！ 但onpropertychange只有IE支持，FireFox下的怎么解决呢？firefox的事件oninput，效果和IE的onproperchange相同。
C#

110,535

社区成员

642,575

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧

+ 用AI写文章