>웹 프론트엔드 >JS 튜토리얼 >PHP의 퍼지 쿼리 및 세 개의 선택 상자 연결

PHP의 퍼지 쿼리 및 세 개의 선택 상자 연결

陈政宽~
陈政宽~원래의
2017-06-28 13:06:162089검색

이 글에서는 주로 PHP의 퍼지 쿼리를 소개하고 세 개의 선택 상자를 연결합니다. 필요한 친구는 이를 참조할 수 있습니다.

1 PHP에서는 드롭다운 상자를 자주 사용하며 옵션이 많은 경우 서로 연관되어 있습니다. 드롭다운 상자에서 퍼지 검색 기능을 사용해야 하는데 어떻게 해야 할까요?

이 기능에서는 두 개의 선택 항목의 ID 값을 연결하지 않은 다음 수정할 수 없는 선택 속성을 선택하는 것이 가장 좋습니다. 다시 선택할 때 속성을 제거하십시오. 선택 속성을 제거하면 Firefox 및 Google js 호환성 문제가 발생합니다. 부적합이나 제거할 수 없는 속성이 생기기 쉽고, 기능도 번거롭습니다. 또한, 둘 사이의 대응관계도 그 배경에서 판단해야 한다. (백그라운드에서 둘 사이의 대응을 비교할 때 데이터베이스로 가서 회사 ID를 찾고, 데이터베이스로 가서 보증 회사 ID 비교를 쿼리해야합니다. 보증을 받기 위해 프론트 데스크를 이용하지 마십시오 회사의 ID 값).

2. 스타일:

보증 회사가 있는 경우 드롭다운 상자에 하나의 보증 회사만 표시되고 나머지는 모두 표시되지 않습니다. 그리고 관리자가 선택하도록 하세요.

3. 선택 드롭다운 상자에는 검색 상자가 허용되지 않으며 입력 검색 상자를 쓸 수 없다는 것을 알고 있습니다. 이런 방식으로 플러그인을 사용하여 변환할 수만 있습니다. 사용하기 매우 쉬운 ul li에 선택 상자를 추가합니다. 플러그인: select2.

4. 일반적으로 백그라운드 데이터베이스에서 데이터를 가져와 값을 할당하고 select2 플러그인을 도입합니다. 참고로, select2 플러그인과 관련된 CSS 파일도 함께 가져와야 합니다. 가격을 묻는 일부 CSS와 js가 캡슐화되어 있으며, 스타일은 직접 변경할 수 있습니다.

5. 스타일 추가:

.select2-resultsoption[aria-selected] {
커서: 포인터;
글꼴 크기: 14px; - -default .select2-selection--single .select2-selectionrendered {
색상: #444;

line-height
: 28px; 글꼴 크기:14px;}
.select2-container--default .select2-results > .select2-resultsoptions {

max-height
: 280px; overflow-y
: auto;}
6 드롭다운 상자 간의 상호 관계:

7.

8. js 처리: 숨겨진 선택 값을 가져오고 선택 옵션을 재구성합니다(참고: 선택이 숨겨진 후에도 해당 값은 여전히 ​​존재하고 사용할 수 있습니다)


위 내용은 편집자가 제공한 것입니다. PHP에 퍼지 쿼리를 도입하고 선택 상자 3개를 연결했습니다. 질문이 있는 경우 메시지를 남겨주시면 편집자가 제 시간에 답변해 드리겠습니다. 또한 Script House 웹사이트를 지원해 주시는 모든 분들께 감사의 말씀을 전하고 싶습니다!

위 내용은 PHP의 퍼지 쿼리 및 세 개의 선택 상자 연결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.