您好,登錄后才能下訂單哦!
本篇內容主要講解“怎么解決jquery select不可編輯問題”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“怎么解決jquery select不可編輯問題”吧!
jquery select不可編輯的解決辦法:1、打開相應的js代碼文件;2、把下拉框換成input;3、把“readonly="readonly"”去除即可。
本文操作環(huán)境:windows7系統(tǒng)、jquery3.2.1版、DELL G3電腦
jquery select 不可編輯怎么辦?
js、jquery完美解決下拉框select不可編輯但可傳值
//鼠標移入下拉框將其鎖定不可用 $('#下拉框ID').mouseenter(function() { $('#下拉框ID').attr("disabled","true"); }); //移入其他地方鎖定解除(本想設置成移出下拉框鎖定解除,但不生效,只能改為移入其他地方,大佬可解答下?) $("*[id!='下拉框ID']").mouseenter(function() { $('#下拉框ID').removeAttr("disabled"); });
如果允許的話,把下拉框換成input利用list屬性
<div class="changeDiv"> <a>性別:</a> <input id="sex" type="text" list="sexlist" readonly="readonly"> <datalist id="sexlist"> <option>男生</option> <option>女生</option> </datalist> </div>
把readonly="readonly"去除就是個可編輯的可聯(lián)想的下拉框,保留則不可編輯
到此,相信大家對“怎么解決jquery select不可編輯問題”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!
免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。