layer彈窗內新增文字框

阿新 • • 發佈：2019-01-26

var awards = ""; function confirmUpdateAward(i) { layer.open({ type: 1, closeBtn: false, shift: 7, shadeClose: true, content: "<div style='width:350px;'><div style='width:320px;margin-left: 3%;' class='form-group has-feedback'><p>請輸入獎項名稱</p><input id='awardName' class='form-control' type='text' name='awardName' value='"

+awards[i].awName+"'/></div>" + "<div style='width:320px;margin-left: 3%;' class='form-group has-feedback'><p>請輸入獎項描述</p><input id='awardDescription' class='form-control' type='text' name='awardDescription' value='"+awards[i].awDescription+"'/></div>"+ "<div style='width:320px;margin-left: 3%;' class='form-group has-feedback'><p>請輸入獲獎人數</p><input id='awardUserCount' class='form-control' type='number' name='awardUserCount' value='"

+awards[i].awUserCount+"'/></div>"+ "<div style='width:320px;margin-left: 3%;' class='form-group has-feedback'><p>請輸入獎項類別</p><input id='awardKind' class='form-control' type='text' name='awardKind' value='"+awards[i].awKind+"'/>" + "<button style='margin-top:5%;' type='button' class='btn btn-block btn-success btn-lg' onclick='updateAward("

+awards[i].id+")'>提交</button></div>" }); } function updateAward(awardId){ var awardUserCount = $("#awardUserCount").val(); if(awardUserCount*1>8888 || awardUserCount*1<1){ layer.msg('人數必須是1到8888', { time: 500, //0.5s後自動關閉 // btn: ['明白了', '知道了'] }); }else{ var awardName = $("#awardName").val(); var awardDescription = $("#awardDescription").val(); var awardKind = $("#awardKind").val(); $.ajax({ type: "post", url : getContextPath() + "/award/updateAward", dataType:'json', data: { "awardId":awardId, "awardName":awardName, "awardDescription":awardDescription, "awardUserCount":awardUserCount, "awardKind":awardKind }, success: function(data){ var updateSuccess = data.data; if(updateSuccess){ layer.msg('修改成功', { time: 500, //0.5s後自動關閉 // btn: ['明白了', '知道了'] }); refreshPage(); }else{ layer.msg('修改失敗', { time: 500, //20s後自動關閉 // btn: ['明白了', '知道了'] }); } } }); layer.closeAll(); } }

layer彈窗內新增文字框

layer彈窗內新增文字框

layer 彈窗載入層選擇框

layer彈窗第二個按鈕

Thinkphp結合layer彈窗加ajax完成增刪改查方法

使用layer彈窗提交表單時判斷表單是否輸入為空

動態新增文字框並獲取文字框的值

layer彈窗如何關閉並開啟新頁面-圖片地址找不到的情況下設定預設圖片

layer彈窗彈出位置不在瀏覽器視窗居中的問題的解決方法

Unity-自適應彈窗（根據文字長度改變Toast）

layer彈窗學習筆記

jQuery + JavaScript 實現的動態新增文字框功能和動態刪除文字框功能（二）

layer.close()或者layer.closeAll()失效的情況下強制關閉layer彈窗的方法

django layer彈窗元件使用

關於layer彈窗取值問題簡談

談談layer彈窗自定義樣式，防止樣式衝突問題(實習第七天)

解決移動端文字框被原生鍵盤彈出後擋住文字框

layer彈窗與ajaxSubmit的使用

layer彈窗的一些樣式問題

Youtube訂閱——解決在彈窗內使用Youtube訂閱按鈕高度顯示不全的問題

js彈出框、對話框、提示框、彈窗總結

layer彈窗內新增文字框

相關推薦