지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > Baidu 입력 상자 스마트 프롬프트_javascript 기술을 모방하는 js 코드

Baidu 입력 상자 스마트 프롬프트_javascript 기술을 모방하는 js 코드

WBOY
풀어 주다： 2016-05-16 17:24:44
원래의
1562명이 탐색했습니다.

최근 고객의 요구 사항이 바뀌고 있는데 그 중 일부는 고객의 긴급한 요청으로 인해 빠르게 완료할 수 없어서 먼저 프로토타입을 제작한 후 나중에 천천히 수정했습니다. 예를 들어 프로토타입에 드롭다운 목록을 만들었는데 실제로는 200개가 넘는 데이터가 있습니다. 드롭다운 목록을 사용하는 것은 비현실적입니다. 그리고 드롭다운 목록은 얼마나 길어야 합니까? 그래서 자연스럽게 바이두의 스마트 프롬프트 기능이 떠올랐습니다.

이전에 잊어버린 내용을 언급했는데, 독자들이 이해하기 쉽도록 모든 데이터를 js에 넣었습니다.

전체 코드를 전달해 보겠습니다. 길지 않습니다. 테스트하기 전에는 어떤 영웅이 썼는지 잊어버렸는데, 간단하게 설명하기 위해 모든 데이터를 js로 설정하여 독자들이 이해하기 쉽도록 했습니다.

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




   
   
   
   
저자별 최신 기사
최신 이슈
웹사이트에서 입력 요소를 가져올 수 없습니다. 그래서 Twitter에서 입력 요소를 가져오려고 하는데 실행하면 노드 터미널에서 계속 이런 오류가 발생하고 결과적으로 이 코드로 생성된 브라우저 창이 저절로 닫힙...
에서 2024-04-06 18:59:57
0
1
442
입력 필드 메소드의 총 반환 값을 가져옵니다. 사용자가 입력한 총 가치를 구하려고 합니다. 숫자에 동일한 값을 곱하는 집계 가져오기 letDem200=document.querySelector(".in...
에서 2024-04-06 18:19:37
0
1
380
부분 값 조건에서 쿼리 기록 - SQL 기술 공유 code라는 열이 있는 zipcode라는 테이블이 있습니다. Code 열에는 우편번호 접두사가 포함됩니다(예: 395453302120312). 제공된 우편번호가 ...
에서 2024-04-06 16:01:26
0
1
395
클리어 후에도 내 파일 입력값은 그대로 남아있습니다 스크린샷에서 볼 수 있듯이. 파일을 선택하고 페이지를 새로 고치지 않고 팝업을 유지한 후 다시 열면 파일 입력이 여전히 내가 선택한 파일입니다. <input...
에서 2024-04-06 15:44:52
0
1
384
고정 위치의 자식이 부모의 패딩을 무시함 고정 요소가 헤더 뒤로 이동하는 것을 방지하는 방법은 무엇입니까? 현재 코드 조각은 상위 항목에 padding-top을 사용합니다. 또한 추가 하위 항목에 mar...
에서 2024-04-06 11:42:51
0
1
338
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿