input/radio/select等標簽的值獲取和賦值
阿新 • • 發佈:2019-03-16
變量 ade cat radio div -h height util align
input/radio/select等標簽的值獲取和賦值,這幾個是使用率最高的幾個標簽,獲取值和賦值以及初始化自動填充數據和選擇:
頁面html:
<div class=" "> <label>統一社會信用代碼</label> <input type="text" id="legalcreditcode" name="legalcreditcode" placeholder="統一社會信用代碼" /> </div> <div class=" "> <label>項目法人類型</label> <select name="projectLegalType" id="projectLegalType"
class="optionlist"></select>
</div>
<div class="">
<label class="">是否重大項目</label> <div style="float: left;"> <input type="radio" value="1" name="isMajorProject" style="margin-left: 5px;" /><span style="font-size: 14px; text-align: center; line-height: 30px; margin-left: 5px;">是</span> </div> <div style="margin-left: 30px; float: left;"> <input type="radio" value="0" name="isMajorProject" checked="checked" style="" /><span style="font-size: 14px; text-align: center; line-height: 30px; margin-left: 5px;">否</span> </div>
</div>
其中select下拉列表有涉及到mustache模板賦值所有的下拉選項;
幾個標簽值獲取:
$(".submit").on("click", function() { // 獲取頁面填寫得數據 var paras = {};
//function(index, $el)遍歷元素設為變量$el // jquery的封裝方法,$.each遍歷指定的標簽取值,和paras[$el.id]方法,獲取到所取的元素的id屬性的值,el.value獲取所取的元素的value值, // 所取到的paras鍵值對的格式,鍵就是頁面每個標簽的id屬性的值,後臺也根據這個鍵名獲取到對應的值
//對應含有class屬性的標簽下的input標簽 $.each($(".form-group input"), function(index, $el) { paras[$el.id] = $el.value; }); $.each($(".form-group2 input"), function(index, $el) { paras[$el.id] = $el.value; }); //對應含有class屬性的標簽下的textarea標簽 $.each($(".form-group2 textarea"), function(index, $el) { paras[$el.id] = $el.value; }); //對應含有class屬性的標簽下的select標簽 $.each($(".form-group select"), function(index, $el) { paras[$el.id] = $el.value; }); $.each($(".form-group2 select"), function(index, $el) { paras[$el.id] = $el.value; }); // radio類型的控件獲取所選的值 paras["isMajorProject"] = $("input[name=isMajorProject]:checked").val(); // 也可以數組慢慢手動賦值鍵值對,通過ajax請求交互傳回到後臺 var urlphaseGuid = Util.getUrlParams(‘phaseguid‘); var urlbiguid = Util.getUrlParams(‘biguid‘); paras["urlphaseGuid"] = urlphaseGuid; paras["urlbiguid"] = urlbiguid; if (!isEmpty(urlbiguid)) { Util.ajax({ url : projectController.submitProject, data : paras, success : function(data) { //layer組件進行一些友好提示,提升用戶體驗 layer.open({ type : 1, skin : ‘layui-layer-approve‘, // 樣式類名 closeBtn : 0, // 不顯示關閉按鈕 anim : 2, title : ‘‘, shadeClose : false, // 開啟遮罩關閉 area : [ ‘350px‘, ‘210px‘ ], content : $("#submit-tmpl").html(), success : function() { $(".continue").on("click", function() { window.location.href = rooturl + "/xxx/pages/xxx/projectdetail.html"; }) } }); } }) } })
幾個標簽賦值或初始化自動填充:
// input標簽賦值 $(‘#legalcreditcode‘).val(itemBaseinfo.itemlegalcerttype); // select標簽賦值同input標簽賦值 $(‘#projectLegalType‘).val(itemBaseinfo.itemlegalcertnum); // 是否重大項目radio賦值 $("input[name=‘isMajorProject‘][value="+itemBaseinfoExtend.ismajorproject+"]").attr(‘checked‘,true);
input/radio/select等標簽的值獲取和賦值