码迷,mamicode.com
首页 > Web开发 > 详细

getJSON获取JSON文件加载下拉框及动态验证比输入项

时间:2018-07-08 00:29:51      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:jquer   func   table   bsp   name   isp   java   stat   tar   

1.html界面

技术分享图片
<form action="" method="get">

        <div class="form-group">
            <div class="col-sm-3">
                <label class="control-label">集团</label>
            </div>
            <div class="col-sm-9">
                <select id="groupType" name="offsetType" class="table "></select>
            </div>
        </div>

        <div class="formControls col-xs-2 col-sm-2">
            <select name="shipment.startstation" id="startstation"></select>
        </div>
        <div><button id="button" type="submit" title="提交">提交</button></div>
    </form>
View Code

2.getJSON方法

技术分享图片
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $.getJSON("/Scripts/Data_Json/JsonList.js", function (result) {

        $("#groupType").html("<option value=‘-1‘>请选择</option>");
        $.each(result.employees, function (i, field) {
            var name = encodeURI(field.name, "utf-8");
            var result = "<option value=‘" + field.id + "‘>" + field.name + "</option>";
            $(#groupType).append(result);

        });

        $("#startstation").html("<option value=‘-1‘>请选择</option>");
        $.each(result.goodscode, function (i, field) {
            var name = encodeURI(field.name, "utf-8");
            var result = "<option value=‘" + field.id + "‘>" + field.name + "</option>";
            $(#startstation).append(result);

        });

        $("#button").click(function ()
        {
            //$("#groupType").attr("data-options", "required:true");//设置属性为必输入项
            var groupType = $("#groupType").val();
            if (groupType <= 0)
            {
                alert("当单据为OMS时,货品类型必须输入,请选择");
                return false;
            }
        });

    });
View Code

 3.以下是js后缀保存的Json资源文件

技术分享图片

getJSON获取JSON文件加载下拉框及动态验证比输入项

标签:jquer   func   table   bsp   name   isp   java   stat   tar   

原文地址:https://www.cnblogs.com/markli/p/9278869.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!