页面加载后的input change事件 1或2个框 ajax-学到老web开发

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

发表于:2015-07-10 16:17:51 | 927次阅读| 作者:js,javascript

摘要：数据层没有，js和bll直接链接，数据层用的hqew.js： 1 window.onload = function () { 2 //型号input 改变事件 3 $("#typeofproduct").change(function () { 4 var value = $("#typeofpr...

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

js：

011 window.onload = function () {
02//型号input 改变 事件
03$("#typeofproduct").change(function () {
04var value = $("#typeofproduct").val();
05//获取现在li—— a标签 的值
06var v = $(".list3").find("a").text();
07//模糊判断是否有包含关系
08//注意：可能会导致前面数据v中有value中的一部分，但是模糊判断却判断为真
09//v=no product ; value=no 
10if (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 () {
19var valuestart = $("#startnumber").val();
20var valueend = $("#endnumber").val();
21var pattern = /^[1-9]\d*|0$/;
22//正则匹配数据为正整数
23if (pattern.test(valuestart) && pattern.test(valueend))
24{
25//判断大小
26if ( valuestart < valueend) {
27var type = "" + valuestart + "-" + valueend + "件";
28var v = $(".list3").find("a").text();
29if (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

11 <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>