모든 콤보 상자를 검색 가능한 입력 필드로 전환

모든 콤보 상자를 검색 가능한 입력 필드로 전환

웹사이트 및 웹앱: 웹사이트의 임의 또는 선택적인 콤보 상자(예: 드롭다운 목록)를 검색 가능한 입력 필드로 바꿀 수 있는 방법/애드온/소프트웨어가 있습니까?

배경: 많은 오래된 관리 인터페이스에는 매우 긴 드롭다운 목록이 있으며 검색할 수 있는 방법이 없습니다. 요소가 정렬되지 않았거나 제대로 정렬되지 않은 경우 아무 것도 찾을 수 있기를 바랍니다.

답변1

상황에 따라 다르지만 일반적으로 대답은 가능하더라도 가치가 없을 것이라는 것입니다.

하지만 (적어도 데스크톱 PC에서는) 다음을 입력할 수 있습니다.최대콤보 상자를 확장/선택하여 값을 찾습니다...DHL 사이트드롭다운 목록이 표시됩니다. 목록을 클릭하면 옵션이 표시되고 개방형 United K(공간 포함)인 경우 해당 항목으로 이동하는 것을 볼 수 있습니다.

다음과 같은 일부 드롭다운 목록에서는 이를 허용하지 않습니다.이 장소... 가장 가능성이 높은 기술은 JavaScript이므로 GreaseMonkey 스크립트는 동작을 꺼서 표준 HTML 방식으로 작동하도록 도울 수 있습니다.

Greasemonkey와 같은 기능을 사용하면 렌더링된 HTML에 영향을 주고 이를 콤보 상자 상자에서 검색 상자로 변환할 수 있지만 콤보 상자의 장점은 예측 가능하다는 것입니다! 우리는 어떤 옵션이 있는지, 따라서 무엇을 선택할 수 있는지 알고 있습니다. 우리는하지 않습니다일반적으로예상치 못한 값 오류가 발생할 가능성이 없으므로 코드를 작성하세요! 이는 존재하지 않는 단어를 입력하면 예기치 않은 동작이 발생할 수 있음을 의미할 수 있습니다.

웹 앱을 사용하면 다른 기술을 사용할 수 있기 때문에 잠재적으로 더 복잡해질 수 있습니다.

그리고 물론 각 브라우저도 다르게 반응할 수 있으므로 결론적으로 대답하는 것은 실제로 불가능합니다. 하지만 내 대답은 '아니요'입니다. 웹 페이지!

관련 정보