2021-05-12 14:32:11
如何設定jquery easyui中下拉框不可編輯
2019-12-12 21:43:48
前段時間，我在做專案時遇到一個問題，由於專案中用到jquery easyui中的下拉框，再加上由於許可權原因，特定的人員才能有檢視修改的功能，其他人是沒有，必須要禁止修改，那該如何設定下拉框不可編輯的屬性？具體步驟如下：
1
首先，利用jquery easyui中的下拉框，需要放在Java Web專案中。新建一個Java Web專案，並將相應的js和css放到目錄下，並在pages目錄下新建select.jsp
2
引入jquery easyui需要的js和css
<link rel="stylesheet" type="text/css" href="../styles/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../styles/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../styles/demo.css">
<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.easyui.min.js"></script>
如下圖所示：
3
在<body></body>中插入div和select
<div style="text-align: center; vertical-align:middle; width: 100%; height: 100%;">
<select id="cc" class="easyui-combobox" style="width:200px;">
<option>蘋果</option>
<option>香蕉</option>
<option>橘子</option>
<option>荔枝</option>
<option>櫻桃</option>
<option>草莓</option>
<option>芒果</option>
<option>桃子</option>
<option>葡萄</option>
</select>
</div>
如下圖所示：
4
啟動Tomcat伺服器，在瀏覽器中檢視頁面
http://localhost:埠號/專案名稱/頁面名稱
檢視結果如下：
5
現在，就要實現下拉框不可編輯的功能，要保證有修改許可權的人可以修改，沒有修改許可權的人只能有檢視，設定其不能編輯
<script type="text/javascript">
$(function(){
$('#cc').combobox({
required:true,
multiple:true,
disabled:true
});
});
</script>
如下圖所示：
相關文章