你的位置:首页 > Java教程

[Java教程]页面加载后的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 ><h1>型号:</h1><div ><input id="typeofproduct" type="text" value="输入型号" /></div></div>