• 页面加载后的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>

  • 相关阅读:
    PS学习【不间断在本页面更新】
    html5的css3等学习资料网页合集
    分别实现图片沿着XYZ轴旋转的动画
    css3实现循环抖动等动画
    jpg图片隐藏压缩文件
    基础知识【笔记】
    java爬虫,爬取网址、爬取视频、爬取图片
    纯js实现音乐播放的功能
    iOS
    iOS -MVC
  • 原文地址:https://www.cnblogs.com/zhaokunbokeyuan256/p/4631075.html
Copyright © 2020-2023  润新知