使用jquery禁用下拉框的方法:1.新建html項目,引入jquery;2.創建select下拉框,設置id屬性;3.添加button按鈕,綁定onclick點擊事件;4.通過id獲取select對象,使用attr()方法禁用;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中創建一個select下拉框,并設置id屬性,用于測試;
<select id="btn"><option value=""></option>
<option value=""></option>
</selrct>
3.select下拉框創建好后,添加一個button按鈕,并綁定onclick點擊事件,用于點擊禁用;
<button onClick="set()"></button>
4.最后,按鈕添加好后,在點擊事件中通過id獲取select對象,在使用attr()方法將disabled屬性設置為true,即可禁用下拉框;
function set(){$("#btn").attr("disabled",true);
}
相關擴展:
1)啟用select下拉框
function set(){$("#btn").removeAttr("disabled");
}