js_javascript 팁을 사용하여 드롭다운 상자를 읽기 전용으로 설정하는 팁

프로젝트 개발 과정에서 드롭다운 상자를 읽기 전용으로 설정해야 하는 경우가 종종 있는데, 아쉽게도 select에는 읽기 전용 속성이 없으므로 선택 외부에 범위를 포함하고 js를 통해 변경해야 합니다.

다음 HTML 코드는 struts2의 드롭다운 태그에 span 태그를 추가하여 페이지가 로드될 때 드롭다운 상자를 읽을 수 없게 만듭니다.

코드 복사 코드는 다음과 같습니다.

다음은 init 메소드에서 selectReadOnly를 호출하는 것입니다. 드롭다운 상자를 읽기 전용으로 만듭니다.

코드 복사 코드는 다음과 같습니다.

/*선택을 기준으로만 설정 페이지의 스팬 ID 읽기/

function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId)
obj.onmouseover = function(){
obj.setCapture( );
}
obj.onmouseout = function(){
obj.releaseCapture()
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false
}
}

function init(){
selectReadOnly("id_select");
}

이제 끝났습니다. 효과를 사용해 보세요! ! !