Tryag File Manager
Home
||
Turbo Force
||
B-F Config_Cpanel
Current Path :
/
home
/
ltman.eemo.co.kr
/
public_html
/
www
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/ltman.eemo.co.kr/public_html/www/join_farm_ceo_detail.php
<? session_cache_limiter('no-cache, must-revalidate'); session_start(); header("Pragma: no-cache"); header("Cache-Control: no-cache,must-revalidate"); header("Content-Type: text/html; charset=utf-8"); include_once("dbconn.php"); include_once("lib.php"); foreach($_POST as $key => $value) { //echo $key."=>".$value."<br>"; ${$key}=mysql_real_escape_string(trim($value)); } ?> <!DOCTYPE html> <html lang="en" class="default-style"> <head> <title><?=$_TITLE?></title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900" rel="stylesheet"> <!-- Icon fonts --> <link rel="stylesheet" href="assets/vendor/fonts/fontawesome.css"> <link rel="stylesheet" href="assets/vendor/fonts/ionicons.css"> <link rel="stylesheet" href="assets/vendor/fonts/linearicons.css"> <link rel="stylesheet" href="assets/vendor/fonts/open-iconic.css"> <link rel="stylesheet" href="assets/vendor/fonts/pe-icon-7-stroke.css"> <!-- Core stylesheets --> <link rel="stylesheet" href="assets/vendor/css/rtl/bootstrap.css" class="theme-settings-bootstrap-css"> <link rel="stylesheet" href="assets/vendor/css/rtl/appwork.css" class="theme-settings-appwork-css"> <link rel="stylesheet" href="assets/vendor/css/rtl/theme-corporate.css" class="theme-settings-theme-css"> <link rel="stylesheet" href="assets/vendor/css/rtl/colors.css" class="theme-settings-colors-css"> <link rel="stylesheet" href="assets/vendor/css/rtl/uikit.css"> <link rel="stylesheet" href="assets/css/demo.css"> <script src="assets/vendor/js/material-ripple.js"></script> <script src="assets/vendor/js/layout-helpers.js"></script> <!-- Theme settings --> <!-- This file MUST be included after core stylesheets and layout-helpers.js in the <head> section --> <script src="assets/vendor/js/theme-settings.js"></script> <script> </script> <!-- Core scripts --> <script src="assets/vendor/js/pace.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!-- Libs --> <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css"> <!-- Page --> <link rel="stylesheet" href="assets/vendor/css/pages/authentication.css"> </head> <style> #farm_addr { } #farm_addr:focus { outline: none; } .autoCompleteContainer { border: 2px solid lightblue; width: 98%; margin-left: 1%; font-weight: 600; box-sizing: border-box; } .autoCompleteBox { padding: 0.8rem; box-sizing: border-box; } .mainName { font-weight: 700; } .fullAddr { color: gray; } .selected { background-color: gainsboro; } </style> <body> <div class="page-loader"> <div class="bg-primary"></div> </div> <!-- Content --> <div class="authentication-wrapper authentication-3"> <div class="authentication-inner"> <!-- Side container --> <!-- Do not display the container on extra small, small and medium screens --> <div class="d-none d-lg-flex col-lg-8 align-items-center ui-bg-cover ui-bg-overlay-container p-5" style="background-image: url('assets/img/bg/21.jpg');"> <div class="ui-bg-overlay bg-dark opacity-50"></div> <!-- Text --> <div class="w-100 text-white px-5"> <h1 class="display-2 font-weight-bolder mb-4">양계인 농가용</h1> <div class="text-large font-weight-light"> (주)양계인에서 개발한 농가 CCTV + IoT센서 + 차량관제 + 양계시세 관리 어플 </div> </div> <!-- /.Text --> </div> <!-- / Side container --> <!-- Form container --> <div class="d-flex col-lg-4 bg-white p-5" style='margin-top:-50px'> <!-- Inner container --> <!-- Have to add `.d-flex` to control width via `.col-*` classes --> <div class="d-flex col-sm-7 col-md-5 col-lg-12 px-0 px-xl-4 mx-auto"> <div class="w-100"> <h4 class="text-center text-lighter font-weight-normal mt-5 mb-0">농장 상세정보입력</h4> <!-- Form --> <form class="my-4" name='frm_reg' onsubmit="return false;"> <div class="form-group"> <label class="form-label">축산업등록번호 :</label> <div class="input-group"> <input type="text" class="form-control" placeholder="축산업등록번호" id='farm_org_number' name='farm_org_number'> <span class="input-group-append"> <button class="btn btn-secondary" type="button" onclick="fn_orgnum_chk()">중복확인</button> </span> </div> </div> <div class="form-group"> <label class="form-label">농장명 :</label> <input type="text" class="form-control" id='farm_name' name='farm_name' placeholder="농장명 입력"> </div> <div class="form-group"> <label class="form-label">사업자등록번호 :</label> <div class="form-group"> <label class="form-check form-check-inline"> <label class="custom-control custom-radio"> <input type="radio" class="custom-control-input" value="1" name="is_company_reg_number" id="is_company_reg_number1" checked> <span class="custom-control-label">등록</span> </label> <label class="custom-control custom-radio"> <input type="radio" class="custom-control-input" value="0" name="is_company_reg_number" id="is_company_reg_number2" > <span class="custom-control-label">미등록</span> </label> </label> </div> </div> <div class="form-group" id='dv_file1'> <label class="form-label">사업자등록증 파일첨부 :</label> <label class="custom-file"> <input type="file" class="custom-file-input" name='ufile1' id='ufile1'> <span class="custom-file-label" id='sp_ufile1_name'></span> </label> </div> <div class="form-group" id='input_addr'> <label class="form-label">농장주소 :</label> <div class="input-group"> <input type="text" class="form-control" placeholder="주소입력" id='farm_addr' name='farm_addr' onfocus="fn_resize(100)" > <span class="input-group-append"> <button class="btn btn-secondary" type="button" onclick="fn_addr_chk()">주소검사</button> </span> </div> </div> <div class="form-group"> <label class="form-label">나머지주소 :</label> <input type="text" class="form-control" placeholder="상세주소(옵션항목)" id='farm_addr2' name='farm_addr2' onfocus="fn_resize(100)" > </div> <div class="form-group"> <label class="form-label">전화번호 : </label> <div class="input-group"> <input type="tel" class="form-control" placeholder="전화번호입력" id='farm_tel' name='farm_tel' onfocus="fn_resize(200)" > </div> </div> <div class="form-group"> <label class="form-label">팩스번호 :</label> <div class="input-group"> <input type="tel" class="form-control" placeholder="팩스번호입력(옵션항목)" id='farm_fax' name='farm_fax' onfocus="fn_resize(300)" > </div> </div> <div class="form-group"> <label class="form-label">이메일주소 :</label> <div class="input-group"> <input type="text" class="form-control" placeholder="이메일주소호입력(옵션항목)" id='farm_email' name='farm_email' onfocus="fn_resize(400)" > </div> </div> <div class="form-group"> <label class="form-label">은행명 :</label> <div class="input-group"> <select class="custom-select flex-grow-1" name='bank_info' id='bank_info'> <option value='' <?if($rs_farm[bank_info]=='') echo "selected";?> >은행선택</option> <option value='카카오뱅크' <?if($rs_farm[bank_info]=='카카오뱅크') echo "selected";?> >카카오뱅크</option> <option value='국민은행' <?if($rs_farm[bank_info]=='국민은행') echo "selected";?> >국민은행</option> <option value='기업은행' <?if($rs_farm[bank_info]=='기업은행') echo "selected";?> >기업은행</option> <option value='농협은행' <?if($rs_farm[bank_info]=='농협은행') echo "selected";?> >농협은행</option> <option value='우리은행' <?if($rs_farm[bank_info]=='우리은행') echo "selected";?> >우리은행</option> <option value='신한은행' <?if($rs_farm[bank_info]=='신한은행') echo "selected";?> >신한은행</option> <option value='산업은행' <?if($rs_farm[bank_info]=='산업은행') echo "selected";?> >산업은행</option> <option value='KEB하나은행' <?if($rs_farm[bank_info]=='KEB하나은행') echo "selected";?> >KEB하나은행</option> <option value='전북은행' <?if($rs_farm[bank_info]=='전북은행') echo "selected";?> >전북은행</option> <option value='씨티은행' <?if($rs_farm[bank_info]=='씨티은행') echo "selected";?> >씨티은행</option> <option value='SC은행' <?if($rs_farm[bank_info]=='SC은행') echo "selected";?> >SC은행</option> <option value='경남은행' <?if($rs_farm[bank_info]=='경남은행') echo "selected";?> >경남은행</option> <option value='광주은행' <?if($rs_farm[bank_info]=='광주은행') echo "selected";?> >광주은행</option> <option value='대구은행' <?if($rs_farm[bank_info]=='대구은행') echo "selected";?> >대구은행</option> <option value='도이치은행' <?if($rs_farm[bank_info]=='도이치은행') echo "selected";?> >도이치은행</option> <option value='뱅크오브코리아' <?if($rs_farm[bank_info]=='뱅크오브코리아') echo "selected";?> >뱅크오브코리아</option> <option value='부산은행' <?if($rs_farm[bank_info]=='부산은행') echo "selected";?> >부산은행</option> <option value='산림조합중앙회' <?if($rs_farm[bank_info]=='산림조합중앙회') echo "selected";?> >산림조합중앙회</option> <option value='새마을금고중앙회' <?if($rs_farm[bank_info]=='새마을금고중앙회') echo "selected";?> >새마을금고중앙회</option> <option value='수협은행' <?if($rs_farm[bank_info]=='수협은행') echo "selected";?> >수협은행</option> <option value='우체국' <?if($rs_farm[bank_info]=='우체국') echo "selected";?> >우체국</option> <option value='제주은행' <?if($rs_farm[bank_info]=='제주은행') echo "selected";?> >제주은행</option> </select> </div> </div> <div class="form-group"> <label class="form-label">계좌번호 :</label> <div class="input-group"> <input type="text" class="form-control" placeholder="계좌번호입력" id='bank_account' name='bank_account' onfocus="fn_resize(500)" value="<?=$rs_farm[bank_account]?>"> </div> </div> <div class="form-group"> <label class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" checked name='agree_chk_ads' id='agree_chk_ads' value='1'> <span class="custom-control-label">이벤트, 광고성 문자수신동의</span> </label> <label class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" checked name='agree_chk_email' id='agree_chk_email' value='1'> <span class="custom-control-label">이벤트, 광고성 메일수신동의</span> </label> </div> <!-- <div class="card-footer text-right"> <a href="join.php" target="_blank" class="btn btn-default"><i class="ion ion-md-arrow-round-back"></i> 이전</a> <button type="button" class="btn btn-primary ml-2" onclick="goSubmit()"> 확인 </button> </div> --> <input type='hidden' name='user_id' id='user_id' value="<?=$user_id?>"> <input type='hidden' name='user_pass' id='user_pass' value="<?=$user_pass?>"> <input type='hidden' name='user_name' id='user_name' value="<?=$user_name?>"> <input type='hidden' name='user_addr' id='user_addr' value="<?=$user_addr?>"> <input type='hidden' name='user_addr2' id='user_addr2' value="<?=$user_addr2?>"> <input type='hidden' name='user_cel' id='user_cel' value="<?=$user_cel?>"> <input type='hidden' name='mtype' id='mtype' value="<?=$mtype?>"> <input type='hidden' name='sido' id='sido' value="<?=$sido?>"> <input type='hidden' name='sigungu' id='sigungu' value="<?=$sigungu?>"> <input type='hidden' name='lat' id='lat' value="<?=$lat?>"> <input type='hidden' name='lon' id='lon' value="<?=$lon?>"> <input type='hidden' name='farm_lat' id='farm_lat' value=""> <input type='hidden' name='farm_lon' id='farm_lon' value=""> <input type='hidden' name='farm_sido' id='farm_sido' value=""> <input type='hidden' name='farm_sigungu' id='farm_sigungu' value=""> <input type='hidden' name='farm_org_number_chk' id='farm_org_number_chk' value=""> </form> <form name='frm_reg3'> <input type='hidden' name='code' value=""> </form> <!-- / Form --> </div> </div> </div> <!-- / Form container --> </div> </div> <!-- / Content --> <div class="card-footer d-flex justify-content-between align-items-center bg-200 border-top-0"> <button class="btn btn-outline border-2" type="button" onclick="location.href='join.php'">← 이전</button> <button class="btn btn-outline border-2" type="button" onclick="goSubmit()">확인 →</button> </div> <div id='dv_test' style='height:0px'></div> <!-- Core scripts --> <script src="assets/vendor/libs/popper/popper.js"></script> <script src="assets/vendor/js/bootstrap.js"></script> <script src="assets/vendor/js/sidenav.js"></script> <!-- Libs --> <script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script> <!-- Demo --> <script src="assets/js/demo.js"></script> <script src="assets/vendor/libs/bootbox/bootbox.js"></script> </body> </html> <script> function fn_resize(vv) { $('#dv_test').css('height',vv+'px'); $( 'html, body' ).animate( { scrollTop : vv }, 400 ); } $("#ufile1").on('change', function(){ var filename = $('#ufile1').val().replace(/.*(\/|\\)/, ''); //alert(filename); $('#sp_ufile1_name').html(filename); }); $('input[type=radio][name=is_company_reg_number').change(function() { if (this.value == '1') { $('#dv_file1').show(); } else if (this.value == '0') { $('#dv_file1').hide(); } }); function fn_orgnum_chk() { if(!$('#farm_org_number').val()) { bootbox.alert("축산업등록번호를 입력하세요"); return; } var par="?farm_org_number="+$('#farm_org_number').val(); $.post( "farm_org_number_check.php"+par, function( res ) { var json=eval("("+res+")"); if(json.rst=='1') { bootbox.alert({ message : "사용가능한 번호입니다." }); $('#farm_org_number_chk').val("1"); } else { //bootbox.alert("동일한 아이디가 존재합니다"); bootbox.alert({ message : "이미 등록된 축산업등록번호가 있습니다.<br>확인 후 다시 입력해주세요" }); $('#farm_org_number_chk').val(""); } }); } function fn_addr_chk() { var par="?addr="+$('#farm_addr').val(); $.post( "addr_check.php"+par, function( res ) { var json=eval("("+res+")"); if(json.rst=='1') { $('#farm_sido').val(json.sido); $('#farm_sigungu').val(json.sigungu); $('#farm_lat').val(json.lat); $('#farm_lon').val(json.lon); bootbox.alert("주소가 정상확인 되었습니다."); } else if(json.rst=='-1') { $('#farm_sido').val(""); $('#farm_sigungu').val(""); $('#farm_lat').val(""); $('#farm_lon').val(""); bootbox.alert("주소정보가 올바르지 않습니다."); } }); } function goSubmit() { var form=document.frm_reg; if(!$('#farm_org_number').val()) { bootbox.alert("축산업등록번호를 입력하세요"); return; } if($('#farm_org_number_chk').val() != "1") { bootbox.alert("축산업등록번호를 중복확인버튼을 누르세요"); return; } if(!$('#farm_name').val()) { bootbox.alert("농장명을 입력하세요"); return; } if(!$('#farm_addr').val()) { bootbox.alert("농장주소를 입력하세요"); return; } if($('#farm_sido').val() == "") { bootbox.alert("농장 주소검사를 수행해 주세요"); return; } if(!$('#farm_tel').val()) { bootbox.alert("농장 전화번호를 입력하세요"); return; } var formdata = new FormData(); formdata.append("farm_org_number", $('#farm_org_number').val()); formdata.append("company_reg_number", $('#company_reg_number').val()); if ($('#is_company_reg_number1').prop('checked')) { formdata.append("is_company_reg_number", '1'); } else if ($('#is_company_reg_number2').prop('checked')) { formdata.append("is_company_reg_number", '0'); } formdata.append("ufile1", $("#ufile1")[0].files[0]); formdata.append("farm_name", $('#farm_name').val()); formdata.append("farm_addr", $('#farm_addr').val()); formdata.append("farm_addr2", $('#farm_addr2').val()); formdata.append("farm_tel", $('#farm_tel').val()); formdata.append("farm_fax", $('#farm_fax').val()); formdata.append("farm_email", $('#farm_email').val()); formdata.append("lat", $('#lat').val()); formdata.append("lon", $('#lon').val()); formdata.append("farm_lat", $('#farm_lat').val()); formdata.append("farm_lon", $('#farm_lon').val()); if ($('#agree_chk_ads').prop('checked')) { formdata.append("agree_chk_ads", '1'); } else { formdata.append("agree_chk_ads", '0'); } if ($('#agree_chk_email').prop('checked')) { formdata.append("agree_chk_email", '1'); } else { formdata.append("agree_chk_email", '0'); } formdata.append("user_id", $('#user_id').val()); formdata.append("user_pass", $('#user_pass').val()); formdata.append("user_name", $('#user_name').val()); formdata.append("user_addr", $('#user_addr').val()); formdata.append("user_addr2", $('#user_addr2').val()); formdata.append("user_cel", $('#user_cel').val()); formdata.append("mtype", $('#mtype').val()); formdata.append("sido", $('#sido').val()); formdata.append("sigungu", $('#sigungu').val()); formdata.append("farm_sido", $('#farm_sido').val()); formdata.append("farm_sigungu", $('#farm_sigungu').val()); formdata.append("bank_info", $('#bank_info').val()); formdata.append("bank_account", $('#bank_account').val()); if($('#is_company_reg_number1').prop('checked') && !$('#ufile1').val()) { bootbox.dialog({ animate : false, title: '사업자 승인요청', message: '<div class="row"> ' + '<div class="col-md-12">' + '<form action="">' + '<div class="row" style="padding:10px 10px 10px 15px">' + '<span>사업자등록증이 첨부되지 않았습니다.<br>다른 방법으로 첨부하시겠습니까?</span>' + '</div>' + '<div class="form-group row">' + '<div class="col-md-8">' + '<div class="form-check">' + '<label class="form-check-label">' + '<input type="radio" class="form-check-input" name="awesomeness" id="awesomeness-0" value="fax" checked>' + 'Fax로 보내기' + '</label>' + '</div>' + '<div class="form-check">' + '<label class="form-check-label">' + '<input type="radio" class="form-check-input" name="awesomeness" id="awesomeness-1" value="email">' + '이메일로 보내기' + '</label>' + '</div>' + '</div>' + '</div>' + '</form>' + '</div>' + '</div>', buttons: { cancel: { label: '취소', className: 'btn-danger' }, success: { label: '확인', className: 'btn-primary', callback: function () { var name = $('#name').val(); var answer = $('input[name="awesomeness"]:checked').val() if(answer=='email') { formdata.append("crn_auth_req_type", "email"); //bootbox.alert("<h3>사업자등록증 전송요청<br>E-Mail : "+$('#farm_email').val()+"</h3>요청대기일은 7일입니다. 7일동안 도착하지 않을 시 자동으로 미등록처리됩니다.Email로 사업자등록증을 보내주십시오"); bootbox.alert({ message: "<h3>사업자등록증 전송요청<br>E-Mail : "+$('#farm_email').val()+"</h3>요청대기일은 7일입니다. 7일동안 도착하지 않을 시 자동으로 미등록처리됩니다.Email로 사업자등록증을 보내주십시오", callback: function () { if (formdata) { jQuery.ajax({ url: "join_farm_detail_do.php", type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { //var json = jQuery.parseJSON(res); var json = eval("(" + res + ")"); if(json.rst=='user_double') { bootbox.alert("동일한 아이디가 존재합니다."); } else if(json.rst=='farm_double') { bootbox.alert({ message : "이미 등록된 축산업등록번호가 있습니다.<br>확인 후 다시 입력해주세요" }); } else if(json.rst=='1') { var form=document.frm_reg3; form.code.value=json.code; form.method='post'; form.action='join_farm_complete.php'; form.submit(); //location.href='join_farm_complete.php?code='+json.code; } } }); } } }); } else if(answer=='fax') { formdata.append("crn_auth_req_type", "fax"); bootbox.alert({ message: "<h3>사업자등록증 전송요청<br>FAX : 042)582-8493</h3>요청대기일은 7일입니다. 7일동안 도착하지 않을 시 자동으로 미등록처리됩니다.FAX로 사업자등록증을 보내주십시오", callback: function () { if (formdata) { jQuery.ajax({ url: "join_farm_detail_do.php", type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { //var json = jQuery.parseJSON(res); var json = eval("(" + res + ")"); if(json.rst=='user_double') { bootbox.alert("동일한 아이디가 존재합니다."); } else if(json.rst=='farm_double') { bootbox.alert({ message : "이미 등록된 축산업등록번호가 있습니다.<br>확인 후 다시 입력해주세요" }); } else if(json.rst=='1') { //location.href='join_farm_complete.php?code='+json.code; var form=document.frm_reg3; form.code.value=json.code; form.method='post'; form.action='join_farm_complete.php'; form.submit(); } } }); } } }); } } }, }, } ); } else { if($('#is_company_reg_number1').prop('checked') && $('#ufile1').val()) { formdata.append("crn_auth_req_type", "file"); } else if(!$('#is_company_reg_number1').prop('checked')) { formdata.append("crn_auth_req_type", "none"); } bootbox.confirm({ message: "회원가입 하시겠습니까?", buttons: { confirm: { label: '예', className: 'btn-success' }, cancel: { label: '아니오', className: 'btn-danger' } }, callback: function (result) { if(result==true) { if (formdata) { jQuery.ajax({ url: "join_farm_detail_do.php", type: "POST", data: formdata, processData: false, contentType: false, success: function (res) { //var json = jQuery.parseJSON(res); var json = eval("(" + res + ")"); if(json.rst=='user_double') { bootbox.alert("동일한 아이디가 존재합니다."); } else if(json.rst=='farm_double') { bootbox.alert({ message : "이미 등록된 축산업등록번호가 있습니다.<br>확인 후 다시 입력해주세요" }); } else if(json.rst=='1') { //location.href='join_farm_complete.php?code='+json.code; var form=document.frm_reg3; form.code.value=json.code; form.method='post'; form.action='join_farm_complete.php'; form.submit(); } } }); } } } }); } } function fn_sendauth() { if(!$('#user_cel').val()) { bootbox.alert("핸드폰 번호를 입력하세요"); return; } var par="?tel="+$('#user_cel').val(); $.post( "sms_sendauth.php"+par, function( res ) { var json=eval("("+res+")"); if(json.rst=='1') { bootbox.alert("인증번호가 발송되었습니다."); $('#get_authnum').val(json.auth); } else { $('#get_authnum').val(""); } }); } </script> <script> var locationData, selectCount = 0, findCount = 0; $("#farm_addr").keyup(function(e) { switch (e.keyCode) { case 8: selectCount = 0 inputKeyEvent() break; case 32: if($("#farm_addr").val() == " ") emptySpaceKeyEvent() return case 13: if($("div").hasClass("autoCompleteBox") == true) enterKeyEvent() return case 38: if($("div").hasClass("autoCompleteBox") == false) return upKeyEvent() return case 40: if($("div").hasClass("autoCompleteBox") == false) return downKeyEvent() return default: inputKeyEvent() } }); $(document).on("mousedown", ".autoCompleteBox",function(e) { e.stopImmediatePropagation(); $("#farm_addr").val($(this).children()[2].innerHTML) $(".autoCompleteBox").remove() $(".autoCompleteContainer").remove() }) $(document).on("blur", "#farm_addr",function() { selectCount = 0 $(".autoCompleteBox").remove() $(".autoCompleteContainer").remove() }) $(document).on("mousedown", "#farm_addr",function() { inputKeyEvent() }) function getLocationJson() { /* $.getJSON( "./addr_data.json", function(data) { locationData = data; }); */ } function upKeyEvent() { if($(".autoCompleteBox").hasClass("selected") == false) return if(selectCount == 0) return $("#autoCompleteBox-"+selectCount+"").removeClass('selected') --selectCount $("#autoCompleteBox-"+selectCount+"").addClass('selected') } function downKeyEvent() { if($(".autoCompleteBox").hasClass("selected") == false) { $("#autoCompleteBox-"+selectCount+"").addClass('selected') return } if(selectCount == findCount) return $("#autoCompleteBox-"+selectCount+"").removeClass('selected') ++selectCount $("#autoCompleteBox-"+selectCount+"").addClass('selected') } function enterKeyEvent() { $("#farm_addr").val($("#autoCompleteBox-"+selectCount+"").children()[2].innerHTML) $(".autoCompleteBox").remove() $(".autoCompleteContainer").remove() } function emptySpaceKeyEvent() { $("#farm_addr").val("") } function inputKeyEvent() { $(".autoCompleteBox").remove() $(".autoCompleteContainer").remove() var inputValue = $("#farm_addr").val() if(inputValue == "") return; //$('#vvv').html(locationData); var par="?addr="+$('#farm_addr').val(); $.getJSON( "./addr_check_autocom.php"+par, function(data) { locationData = data; var searchLocation = locationData.filter(function (location) { return location.FULL_ADDR.match(inputValue) }); $(".autoCompleteBox").remove(); $(".autoCompleteContainer").remove(); if(searchLocation.length == 0) return $("#input_addr").append("<div class='autoCompleteContainer'></div>") for (var i = 0; i <= 2; i++) { if(searchLocation[i] == undefined) return findCount = i $(".autoCompleteContainer").append(generate(searchLocation[i], i)) if(searchLocation[i].SUB_NAME == "") return } }); } function generate(searchLocation, i) { return ` <div class="autoCompleteBox" id="autoCompleteBox-${i}"> <i class="fas fa-map-marker-alt"></i> <span class="mainName">${searchLocation.MAIN_NAME}</span> <span class="fullAddr">${searchLocation.FULL_ADDR}</span> </div> `; } </script>