getJSON獲取JSON文件加載下拉框及動態驗證比輸入項
阿新 • • 發佈:2018-07-08
func div one 3-0 cli info set ima -s
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="View CodegroupType" 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>
2.getJSON方法
<script src="~/Scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $.getJSON("/Scripts/Data_Json/JsonList.js", function (result) { $("#groupTypeView Code").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; } }); });
3.以下是js後綴保存的Json資源文件
getJSON獲取JSON文件加載下拉框及動態驗證比輸入項