神马  调色  读取  行业  IF  用户  色彩  获得

您所在的位置:小祥子 » 编程 » JavaScript » 正文

页面加载后的input change事件 1或2个框 ajax

时间:2015-07-08 编辑:坤.365.123.260 来源:CnBlogs

数据层没有,JS和bll直接链接,数据层用的hqew.

js:

 window.onload = function () {
 //型号input 改变 事件
 $("#typeofproduct").change(function () {
 var value = $("#typeofproduct").val();
 //获取现在li—— a标签 的值
 var v = $(".list3").find("a").text();
 //模糊判断是否有包含关系
 //注意:可能会导致前面数据v中有value中的一部分,但是模糊判断却判断为真
 //v=no product ; value=no 
 if (v.indexOf(value) > -1) {
 } else {
 //加载筛选行
 $(".top_right ul").append("<li class='list3' deleteparent" + value + "'>" + value + "</a><span >×</span></li>");
 }
 });
 //离开startupnumber input 改变事件
 //离开endnumber input 改变事件
 $(".ChangeInventoryquantity").change(function () {
 var valuestart = $("#startnumber").val();
 var valueend = $("#endnumber").val();
 var pattern = /^[1-9]\d*|0$/;
 //正则匹配数据为正整数
 if (pattern.test(valuestart) && pattern.test(valueend))
 {
 //判断大小
 if ( valuestart < valueend) {
 var type = "" + valuestart + "-" + valueend + "件";
 var v = $(".list3").find("a").text();
 if (v.indexOf(type) > -1) {
 } else {
 $(".top_right ul").append("<li class='list3' deleteparent" + type + "'>" + type + "</a><span >×</span></li>");
 }
 }
 }
 }); 
 }

.cshtml

 <div class="r1"><h1>型号:</h1><div class="text1"><input id="typeofproduct" type="text" value="输入型号" /></div></div>
 
  <div class="r3"><h1>库存数量:</h1><div class="text1"><input type="text" class="ChangeInventoryquantity" id="startnumber" value="1000" /></div><a>-</a><div class="text2"><input class="ChangeInventoryquantity" id="endnumber" type="text" value="1000000" /></div><a>件</a></div>

<div class="r1"><h1>型号:</h1><div class="text1"><input id="typeofproduct" type="text" value="输入型号" /></div></div>

关键词:加载 ajax