溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么解決jquery select不可編輯問題

發(fā)布時間:2021-11-11 09:35:46 來源:億速云 閱讀:144 作者:iii 欄目:web開發(fā)

本篇內容主要講解“怎么解決jquery select不可編輯問題”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“怎么解決jquery select不可編輯問題”吧!

jquery select不可編輯的解決辦法:1、打開相應的js代碼文件;2、把下拉框換成input;3、把“readonly="readonly"”去除即可。

怎么解決jquery select不可編輯問題

本文操作環(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不可編輯問題

到此,相信大家對“怎么解決jquery select不可編輯問題”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續(xù)學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經查實,將立刻刪除涉嫌侵權內容。

AI