그누보드용 심플 자동완성 php js

단순한 형태의 자동완성 기능입니다. 

그누보드 회원가입에서 업체분류 등에서 사용되어지는 것이구요

keywordlist.php 에서 뿌려줄 테이타를 정리해주면되겠죠

post방식도 괜찮긴 하지만 

회원가입폼이어서인지 post방식으로는 잘 작동이 안되네요

다른 js와섞여있어서인지;

html상에서 

<div class="form-group ">

<label class="col-sm-2 control-label" for="reg_mb_2"><b>업체분류</b><strong class="sound_only">필수</strong></label>

<div class="col-sm-3">

<input type="text" name="mb_2" value="<?php echo isset($member['mb_2']) ? get_text($member['mb_2']) : ''; ?>" id="reg_mb_2" class="form-control input-sm nospace" size="10" maxlength="20" >

<span class="fa fa-user form-control-feedback"></span>

        <div id="reg_mb_2display"></div>

</div>

</div>

<script>

$(document).ready(function () {

$("#reg_mb_2").keyup(function()   {

    var keyword = $(this).val();            

                       

        if(keyword=='') { 

         $("#reg_mb_2display").hide();

        } else {    

        $.ajax({

            type: "GET",

async: true,

                url: "<?php G5_URL?>/해당경로/keywordlist.php?searchword="+ keyword,

                dataType: 'text',

                success: function(html) {               

                $("#reg_mb_2display").html(html).show();

                }

            });

       } return false;                             

});     

});

function pickDetail(word) { 

$("#reg_mb_2").val(word);

$("#reg_mb_2display").hide();

}

</script>

여분필드2번 첫번째를 |를 사용해서 입력해놓고 자동완성으로 출력

keywordlist.php

<?php

include_once('./_common.php');

if(!$is_guest){

    if($_GET) {

        $q = $_GET['searchword'];

$result_tmp = explode('|',$config[cf_2_subj]);

$i=0;

        while($row=$result_tmp) {

if(strpos($row[$i],$q) !== false){

            echo "

                <div class='display_box' onclick='javascript:pickDetail(\"$row[$i]\");'> 

                    <b>$row[$i]</b><br/>

                </div>                

            ";

}

$i++;

if($i>5) break;

        }

    }

}

?>