您好,登錄后才能下訂單哦!
這篇文章主要介紹了layui怎么修改select的值,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
layui修改select值的方法:首先在html5中加上代碼“<input id="ddd" style="display: none;" value="{$sex}" />”獲取初始值;然后在js中設(shè)置select和單選框的值即可。
動(dòng)態(tài)設(shè)置layui的select值
html5中加上下類代碼獲取初始值。
<input id="ggg" style="display: none;" value="{$hopedepart}" /> <input id="ddd" style="display: none;" value="{$sex}" />
之后js中設(shè)置select和單選框的值。
<script> function firstload() { var str = "#hopedepart option[value='" + $("#ggg").val() + "']"; var sex = "input:radio[value='" + $("#ddd").val() + "']"; // document.write(sex); $("#hopedepart option[value='']").removeAttr("selected"); //2.移除默認(rèn)選項(xiàng)的選中狀態(tài) removeAttr("selected") $(str).attr("selected", "selected"); $(sex).attr('checked', 'true'); } firstload(); </script>
舉個(gè)具體的例子
html中
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <!--引入jQuery--> <input type="hidden" id="position_hidden_id" th:value="${staff?.position}"> <select name='position' id="position_id" lay-filter='aihao'> <option value=''></option> <option value='前端開發(fā)'>前端開發(fā)</option> <option value='后端開發(fā)'>后端開發(fā)</option> <option value='產(chǎn)品'>產(chǎn)品</option> <option value='測試'>測試</option> <option value='UI'>UI</option> <option value='人事'>人事</option> <option value='財(cái)務(wù)'>財(cái)務(wù)</option> <option value='市場'>市場</option> <option value='總經(jīng)理'>總經(jīng)理</option> </select> <script> //alert("ggg"); $(document).ready(function(){ var key1=$("#position_hidden_id").val(); //根據(jù)值讓option選中 $("#position_id option[value='"+key1+"']").attr("selected","selected"); }); </script>
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享layui怎么修改select的值內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,遇到問題就找億速云,詳細(xì)的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。