今天教大家一些專案中常用到卻不知道的的幾個小技巧，下面這些也是我在不斷實踐中積累和去尋找的。
一、Input 23種型別介紹：
轉載地址：
https://blog.csdn.net/qq_36171618/article/details/80802588
個人補充：
1、限制 input 輸入框只能輸入-----純數字/漢字
.onkeyup = "value=https://bbs.csdn.net/topics/value.replace(/[^/d]/g,'')"
使用 onkeyup 事件，有 bug ，那就是在中文輸入法狀態下，輸入漢字之后直接回車，會直接輸入字母
.onchange = "value=https://bbs.csdn.net/topics/value.replace(/[^/d]/g,'')"
使用 onchange 事件，在輸入內容后，只有 input 喪失焦點時才會得到結果，并不能在輸入時就做出回應
.oninput = "value=https://bbs.csdn.net/topics/value.replace(/[^/d]/g,'')"
使用 oninput 事件，完美的解決了以上兩種問題，
數字：<input type="text" placeholder="請輸入手機號" oninput="value=https://bbs.csdn.net/topics/value.replace(/[^/d]/g,'')">
漢字：<input type="text" placeholder="請輸入姓名" onkeyup="this.value=https://bbs.csdn.net/topics/this.value.replace(/[^/u4e00-/u9fa5]/g,'')">
更多輸入請參考：
https://blog.csdn.net/weixin_42220533/article/details/82256381
2、對對input框數字位數的限制----位數
<input type="text" maxlength="4" /> 效果ok，當 <input type="number" maxlength="4" />時maxlength失效，長度可以無限輸入。
解放方案：<input type="number" οninput="if(value.length>5)value=https://bbs.csdn.net/topics/value.slice(0,4)" />
效果：
原理：上述即為使用oninput方法監聽用戶輸入行為，當值得長度大于5的時候，用slice方法截取前5位的數字。
Input框checkbox 型別的回填自動選上和取消
示歷代碼塊：
<input type="checkbox" class="custom-control-input" id="ToVoidNo" name="ToVoidNo">
回填值的獲取
if (data[0].ToVoidNo) $("#ToVoidNo")[0].checked = true;//是否勾選;
判斷值是否選中
var ToVoidNo = $("#ToVoidNo").prop('checked');//是否勾選
效果圖：點擊選中，再次點擊取消選中
二、select 框
在代碼操作程序中，我們會經常用到select來對資料庫的選擇。
例如：
資料庫中的合格型別表：id=1 合格 合格值：80 id=2 不合格 合格值：20
這樣我在查詢或者獲取資料的時候往往是選取他的ID值， 但我們能不能不同時獲取她所在資料的Name值獲
1、獲取Name方法：
selesct獲取Name值關鍵代碼:$(“id option:selected”).text(值)
運用
<select class="form-control form-control-sm" name="TSalary" id="TSalary" "><option value="https://bbs.csdn.net/topics/0">---請選擇---</option></select>
$("#TSalary option:selected").text(data.TallSalary);
運用這種方法就可以獲取他的Name值，
實體：
時間表結構：
時間表：時間ID 開始時間 結束時間
效果圖：
2、去除select框右邊的----小三角
關鍵代碼：-moz-appearance:inherit; -webkit-appearance:inherit;
運用：<select class="form-control form-control-sm" name="TSalary" id="TSalary" -moz-appearance:inherit; -webkit-appearance:inherit;"><option value="https://bbs.csdn.net/topics/0">---請選擇---</option></select>
效果：
時間的轉換格式：cc=Convert.ToDateTime(cc).ToString("yyyy-MM-dd"),
注：如果大家的日期是layui日期 ，就可以通過這種方法轉
插入一小點：
降序：group by into 取第一：FirstOrDefault()
分組： group tbAchievement by tbAchievement.UserID into tbStudent
Achievement = tbStudent.OrderByDescending(m => m.Achievement).FirstOrDefault().Achievement,
今天都是些日常小技巧，希望對大家有用處
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/49825.html
標籤：非技術區