zoukankan      html  css  js  c++  java
  • 使用JavaScript根据从后台获取来的数据打开一个新的页面

    HTML代码是:

    入库类型是:
    <select id="selectIn" onchange="goUrl(this.options[this.selectedIndex])">
        <!--<option value="0">请选择</option>-->
        <!--<option value="comAdmin_in_purchase.html">采购</option>-->
        <!--<option value="comAdmin_in_return.html">归还</option>-->
        <!--<option value="comAdmin_in_gain.html">受赠</option>-->
    </select>
    
    JavaScript:
    //选择触发事件
    function goUrl(obj){
        if(obj.value==1){
            window.location.href="comAdmin_in_purchase.html";
        }
        if(obj.value==2){
            window.location.href="comAdmin_in_return.html";
        }
        if(obj.value==3){
            window.location.href="comAdmin_in_gain.html";          
    } }

    JavaScript代码是:

    $(document).ready(function () {
         getIntype();
      });
         
     function getIntype(){
          $.ajax({
          type:"post",
          dataType:"json",
          url:"http://192.168.35.111:8080/officeSystem/InstorageCheckIn/getInstorageType.do",
    
          success:function(data){
               var len=data.length;
               $("#selectIn").append(('<option value="0"> </option>'));
               for(var i=0;i<len;i++){
               $("#selectIn").append(('<option value='+data[i].id+'>'+data[i].name+'</option>'));
           }
    },
          error:function(data){
              console.log(data);
            }
        });
    }

    结果截图:

  • 相关阅读:
    “是懒人造就了方法”——读后感
    多态性动手动脑
    数组问题随笔
    String java问题随笔
    java问题总结
    java问题随笔
    java一些问题的解答
    利用参数的值得返回来求和
    是懒人造就了方法——读后感
    大道至简读后感——JAVA伪代码
  • 原文地址:https://www.cnblogs.com/shenxiaolin/p/5567013.html
Copyright © 2011-2022 走看看