1. 程式人生 > >input/radio/select等標簽的值獲取和賦值

input/radio/select等標簽的值獲取和賦值

變量 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等標簽的值獲取和賦值