分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:03责任编辑:顾先生关键词:暂无标签

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文件加载下拉框及动态验证比输入项

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved