這篇文章主要介紹了layui怎么修改select的值,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
我們提供的服務(wù)有:成都網(wǎng)站建設(shè)、網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、增城ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的增城網(wǎng)站制作公司
layui修改select值的方法:首先在html5中加上代碼“<input id="ddd" style="display: none;" value="{$sex}" />”獲取初始值;然后在js中設(shè)置select和單選框的值即可。
動態(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)選項的選中狀態(tài) removeAttr("selected") $(str).attr("selected", "selected"); $(sex).attr('checked', 'true'); } firstload(); </script>
舉個具體的例子
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='財務(wù)'>財務(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)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!
分享標(biāo)題:layui怎么修改select的值
路徑分享:http://www.muchs.cn/article28/ghgcjp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計、用戶體驗、靜態(tài)網(wǎng)站、面包屑導(dǎo)航、搜索引擎優(yōu)化、域名注冊
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)