자동 완성 : 결과를 포맷

Question

은 제가

내가 데이터 소스의 각 제목을 포함하도록 JQuery와 자동 완성을 포맷하기 위해 노력하고있어 및을 강조하기 위해 시도 것을 가진 코드로 다시 물어 봅시다 기간.

JS :

$(".auto-search").autocomplete({ 
     source: '/json/autocomplete_search', 
     minLength: 2, 

    }); 

PHP (CodeIgniter를)

를 나는 내가 그것을 다시 보내기 전에 아마 가장 쉬운 포맷하는 것입니다 CodeIgniter의를 사용하고 생각하고 있습니다

public function autocomplete_search() 
{ 
    $term = $this->input->get('term'); 

    //load model and get results 
    $this->load->model("mymodel"); 
    $results1= $this->mymodel->search_one($term); 
    $results2= $this->mymodel->search_two($term); 

    //Start JSON string 
    $json='['; 

    //first source 
    if ($result1->num_rows() > 0) 
    { 
     $json .= '{"value":"<h3>Heading One<h3>"}'; 
     foreach ($results1->result_array() as $r1) 
     { 
      $result = str_replace($term,"<strong>".$term."</strong>",$r1['title']); 
      $json .= ',{"value":"'.$result.'"}'; 
     } 
    } 

    //second source 
    if ($result2->num_rows() > 0) 
    { 
     if ($result1->num_rows() > 0){$json .= ',';} 
     $json .= '{"value":"<h3>Heading Two<h3>"}'; 

     foreach ($results2->result_array() as $r2) 
     { 
      $result = str_replace($term,"<strong>".$term."</strong>",$r2['location']); 
      $json .= ',{"value":"'.$result.'"}'; 
     } 
    } 

    //Close JSON string 
    $json .= ']'; 
    echo $json; 
}` 

불행히도 형식화 된 출력을 얻지 못하고 있습니다. 실제로 < h1> 및 < strong>이라는 단어를 출력에 추가합니다. 다음 샘플 출력은 다음과 같습니다

Answer 1

좋아 내가 할 수있는 방법을 발견했습니다 있도록.

자바 스크립트 :

$(".auto-search").autocomplete({ 
     source: '/hotpepper/json/autocomplete_search2', 
     minLength: 2, 
     open: function(event, ui) { 
      $(".ui-autocomplete .ui-menu-item a").each(function (i) { 
       var row = $(this).html(); 
       row=row.replace(/&lt;/g,"<"); 
       row=row.replace(/&gt;/g,">"); 
       $(this).html(row); 
       }); 
     }, 

    }); 

PHP (CodeIgniter의) : 여기에 내가 그것을 어떻게입니다

public function autocomplete_search2() 
{ 
    $term = $this->input->get('term'); 

    //load model and get results 
    $this->load->model("establishment_model"); 
    $results1= $this->establishment_model->search_autocomplete_est($term); 
    $results2= $this->establishment_model->search_autocomplete_loc($term); 

    //Start JSON string 
    $json='['; 

    //first source 
    if ($results1->num_rows() > 0) 
    { 
     $header= "<h3 style='font-weight:bold'>Accommodation:</h3>"; 
     $json .= '{"value":"'.$header.'"}'; 
     foreach ($results1->result_array() as $r1) 
     { 
      $result = str_replace($term,"<strong style='color:#C00'>".$term."</strong>",$r1['establishment_name']); 
      $json .= ',{"value":"'.$result.'"}'; 
     } 
    } 

    //second source 
    if ($results2->num_rows() > 0) 
    { 
     if ($results1->num_rows() > 0){$json .= ',';} 
     $header= "<h3 style='font-weight:bold'>Destinations:</h3>"; 
     $json .= '{"value":"'.$header.'"}'; 

     foreach ($results2->result_array() as $r2) 
     { 
      $result = str_replace($term,"<strong style='color:#C00'>".$term."</strong>",$r2['establishment_location']); 
      $json .= ',{"value":"'.$result.'"}'; 
     } 
    } 

    //Close JSON string 
    $json .= ']'; 
    echo $json; 
} 

자동 완성 난, 난 그냥 언 이스케이프를 통해 보내 내 HTML을 탈출 때문에 자동 완성 상자를 열었을 때 <과 >을 <>으로 바꿉니다. 편집

:

close: function(event, ui) { 
       var result = $(this).val(); 
       if (result.search("</h3>") ==-1) 
       { 
        result=result.replace(/<strong style='color:#C00'>/g,""); 
        result=result.replace(/<\/strong>/g,""); 
       } 
      else 
      { 
       result=""; 
      } 
      $(this).val(result); 
     }