PHP 에서 세 개의 selection 상 자 를 모호 하 게 조회 하고 연결 합 니 다.

1.phop 에 서 는 드 롭 다운 상 자 를 자주 사용 하고 서로 연결 합 니 다.드 롭 다운 상자 의 option 이 매우 많다 면 퍼 지 검색 기능 을 사용 해 야 합 니 다.어떻게 해 야 합 니까?
이 기능 에 서 는 커 브 길 을 걸 었 습 니 다.두 select 의 id 값 과 연결 되 지 않 은 후 select 속성 이 선택 되 어 수정 할 수 없습니다.다시 선택 할 때 속성 을 제거 합 니 다.이렇게 하면 select 속성 을 제거 할 때 불 여우 와 google js 가 호 환 되 는 문제 가 존재 합 니 다.대응 하지 않 거나 속성 을 제거 할 수 없 는 상황 이 발생 하기 쉬 우 며 기능 이 번 거 롭 습 니 다.또한 백 스테이지 에서 반드시 이들 의 대응 관 계 를 판단 해 야 한다.배경 에서 이들 의 대응 관 계 를 비교 할 때 데이터 베 이 스 를 조회 하고 기업 의 id 를 찾 으 며 데이터 베 이 스 를 통 해 담보 회사 의 id 비 교 를 조회 해 야 한다.프론트 데스크 로 보증 회사 의 id 값 을 찾 지 마 세 요.
2.스타일:

서로 관련 되 어 있 습 니 다.담보 회사 가 있 으 면 드 롭 다운 상 자 는 하나의 담보 회사 만 표시 되 고 다른 것 은 표시 되 지 않 습 니 다.없 으 면 모두 표시 되 어 관리자 가 선택 하도록 합 니 다.

3.select 드 롭 다운 상 자 는 검색 상자 가 있 는 것 을 허용 하지 않 고 input 검색 상 자 를 쓸 수 없다 는 것 을 알 고 있 습 니 다.그러면 우 리 는 플러그 인 을 통 해 이 루어 질 수 밖 에 없습니다.select 상 자 를 ul li 로 변환 할 수 있 습 니 다.아주 좋 은 플러그 인:select 2.
4.백 엔 드 데이터베이스 에서 데 이 터 를 정상적으로 가 져 오고 값 을 부여 합 니 다.select 2 플러그 인 을 도입 하면 됩 니 다.select 2 플러그 인과 관련 된 css 파일 도 도입 해 야 합 니 다.어떤 css 는 가격 을 묻 고 js 는 봉 인 된 것 으로 스타일 을 스스로 바 꿉 니 다.


 5.스타일 추가:

.select2-results__option[aria-selected] {
    cursor: pointer;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    font-size:14px;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 280px;
    overflow-y: auto;
}
6.드 롭 다운 상자 간 의 상호 연결:

7.

8.js 처리:숨겨 진 select 값 을 가 져 와 select option 을 다시 만 듭 니 다(주의:select 가 숨겨 진 후에 도 그의 값 은 존재 하고 이용 할 수 있 습 니 다)


위 에서 말 한 것 은 편집장 이 소개 한 PHP 에서 모호 하 게 조회 하고 세 개의 selection 상자 와 연결 되 어 있 습 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.편집장 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기