> 웹 프론트엔드 > H5 튜토리얼 > 특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명

특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명

黄舟
풀어 주다: 2017-03-25 10:36:17
원래의
2291명이 탐색했습니다.

이 글은 특정 여러 사람의 정보를 얻기 위한 HTML5+ 주소록에 대한 자세한 설명을 주로 소개합니다. 이는 실용적 가치가 높으며 도움이 필요한 친구들이 참고할 수 있습니다.

이 글에서는 지정된 여러 사람의 정보를 가져오기 위한 HTML5 주소록을 소개합니다.

1. 여러 사람의 정보를 가져오기 전. 주소록에 여러 사람의 정보를 얻는 문제를 해결해야 합니다. plus.contacts.getAddressBook과 address.find의 애플리케이션을 통해 주소록에 있는 모든 연락처의 ID와 표시 이름을 얻은 후, 내가 작성한 주소록 획득 페이지를 통해 표시했습니다.

1. 이 문제를 해결하려면 먼저 js 주소록을 직접 작성해야 모든 연락처의 이니셜을 분리하고 그 옆에 원하는 이니셜로 이동할 수 있습니다.

2. 모든 연락처 정보를 얻는 문제 해결

rree

2. 주소록에서 선택한 여러 개인 정보 가져오기: 이 문제를 해결하려면 먼저 주소록 페이지를 만들어야 합니다. 연락처의 ID는 페이지에 표시되므로(디스플레이를 사용하여 숨겨짐) 선택한 확인란을 얻을 때 ID를 직접 가져와 이 ID를 배열에 넣을 수 있습니다. 그런 다음 plus.contacts.getAddressBook 및 address.find의 애플리케이션을 통해 이러한 ID의 연락처 정보를 필터링합니다.

1. 연락처 ID를 얻기 위해 checkBox를 사용하는 문제를 해결하기 위해 여기서는 JQuery를 사용했습니다.

plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息
                // 可通过addressbook进行通讯录操作
                addressbook.find(null, function(contacts) {
                    var username = new Array();
                    var LinkList = new LinkedList();
                    if(contacts.length > 0) { //获取当前通讯录里面所有人
                        for(var i = 0; i < contacts.length; i  ) {
                            username[i] = contacts[i].displayName   "-"   contacts[i].id; //连接id和username,为后面筛选最准备
                        }
                        //这下面的代码是把所有联系人的信息分类,这就涉及到了自己写的JS页面代码
                        LinkList = sortPY(username); //把联系人数组分类
                        //LinkList.show();
                        createLiCheckBox(LinkList); //分类信息显示至页面,我使用checkBox进行多个联系人选择
                    }

                }, function(e) {
                    alert("Find contact error: "   e.message);
                });

            }, function(e) {

    });
로그인 후 복사

2. 문제를 해결하려면 이러한 색인을 find에 넣어 정보를 필터링하고 특정 ID의 연락처 정보를 꺼내세요.

//筛选已经被选中的checkbox
    $("input:checked").each(function() {
            var index = $(this).parent().prev().children(&#39;label&#39;).text(); //获取id
            var name = $(this).parent().prev().children(&#39;p&#39;).text(); //获取姓名
            username.push(name);
            usernameIndex.push(index);
    });
로그인 후 복사

관련 기사:

PHP는 온라인 주소록 기능(소스코드 첨부)을 구현하고, 주소록 소스코드는

js는 주소록의 인덱스 슬라이딩 표시 효과와 슬라이딩 표시 앵커 효과를 구현합니다

Dom과 결합된 XML 데이터 아일랜드를 사용하여 주소록을 생성하는 자세한 코드 예제

위 내용은 특정 여러 사람의 정보를 얻기 위한 HTML5 주소록 샘플 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿