關於控制下拉列表的JS控制

2021-08-13 11:31:14 字數 487 閱讀 8626

文字框有readonly屬性,直接設定;下拉框沒有readonly屬性,也不能通過其他屬性進行唯讀的設定,下拉框只有disabled屬性,但是這個屬性設成true之後,值就獲取不到了;

網上搜了一下,大部分是控制滑鼠、鍵盤事件,來控制唯讀的(即:不讓下拉框獲取焦點)

**如下:

1 

2

其中οnmοusemοve="this.setcapture();" οnmοuseοut="this.releasecapture();" 遮蔽了滑鼠事件,

οnfοcus="this.blur();"遮蔽了鍵盤事件,οnfοcus="this.blur();"表示該物件將獲得焦點時就讓它失去焦點,按鍵盤的tab鍵時跳過它,使下乙個控制項獲得焦點。

方法二:

其實也可以通過鎖定下拉框的值,來控制(另外,順便新增了乙個灰色的背景色)

**如下:

js控制select 下拉列表

通過js控制select下拉列表 通過js獲取select下拉列表的值class form control 1option events 利用以下函式,可以取到被選中的option的位 getselected function 或利用此函式可以獲取被選中的option的值 getselected f...

關於下拉列表為展開狀態的控制

在csdn發表第一篇部落格,想談談最近遇到的問題!最近一直搞公司版塊,但是,程式那邊的乙個師兄,突然叫我試著搞一些tooltip和div模仿下拉列表之類的小工具。於是,我就開始忙了起來,雖然,這些都不是什麼難題,不過,要做,還是要做個好的,而且簡單的。於是我上網搜尋了一下,先說說下拉列表的問題吧,這...

js按鍵 滑鼠控制列表選中

在網頁中列表展示後可以對其進行基本操作,如刪除 修改等,傳統的做法是用checkbox選擇,操作過程麻煩,有一種操作方式更人性化,熟悉windows使用者資源管理器檔案操作方式一樣,按ctrl或shift 滑鼠等組合操作就可方便的選擇列表 js function hoverpininit funct...