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

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

js:

 1 window.onload = function () {
 2 //型号input 改变 事件
 3 $("#typeofproduct").change(function () {
 4 var value = $("#typeofproduct").val();
 5 //获取现在li—— a标签 的值
 6 var v = $(".list3").find("a").text();
 7 //模糊判断是否有包含关系
 8 //注意:可能会导致前面数据v中有value中的一部分,但是模糊判断却判断为真
 9 //v=no product ; value=no 
10 if (v.indexOf(value) > -1) {
11 } else {
12 //加载筛选行
13 $(".top_right ul").append("<li class='list3' onclick='DeleteTrademark(this)'><a id='deleteparent" + value + "'>" + value + "</a><span >&times;</span></li>");
14 }
15 });
16 //离开startupnumber input 改变事件
17 //离开endnumber input 改变事件
18 $(".ChangeInventoryquantity").change(function () {
19 var valuestart = $("#startnumber").val();
20 var valueend = $("#endnumber").val();
21 var pattern = /^[1-9]d*|0$/;
22 //正则匹配数据为正整数
23 if (pattern.test(valuestart) && pattern.test(valueend))
24 {
25 //判断大小
26 if ( valuestart < valueend) {
27 var type = "" + valuestart + "-" + valueend + "";
28 var v = $(".list3").find("a").text();
29 if (v.indexOf(type) > -1) {
30 } else {
31 $(".top_right ul").append("<li class='list3' onclick='DeleteTrademark(this)'><a id='deleteparent" + type + "'>" + type + "</a><span >&times;</span></li>");
32 }
33 }
34 }
35 }); 
36 }

.cshtml

1 <div class="r1"><h1>型号:</h1><div class="text1"><input id="typeofproduct" type="text" value="输入型号" /></div></div>
2 
3  <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>

原文地址:https://www.cnblogs.com/zhaokunbokeyuan256/p/4631075.html