jQuery 자동 완성> 선택> 링크

나는이 코드를 구현했으며, 소스에 ALOT을 추가 할 계획이기 때문에 곧바로 좋아한다. 그러나 내 인생에서 나는 선택한 것을 추가하는 방법을 알 수 없다. 링크.jQuery 자동 완성> 선택> 링크

EG> 선택> 입력> 자동 채우기 작동 시작> 해당 URL에

현재 코드를 이동

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

    <script> 
    $(document).ready(function() { 
    $("input#autocomplete").autocomplete({ 
    source: ["NYC", "LA", "Philly", "Chitown", "DC", "SF", "Peru"] 
}); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 

<input id="autocomplete" /> 

</body> 
</html>

는 여기에 이것에 대해 몇 가지 논의를 찾았지만, 코드 제안 없음 일했다. 위의 값과 연관된 URL을 어떻게 추가합니까? 나는 같은 구문을 유지할 수 있으면 값을 추가하는 것만으로도 좋을 것이다. EG는 "페루"www.peru.com

출처

2012-06-25 Fred Randall

당신은 소스 배열의 각 객체에 url 속성을 추가 한 다음 사용자가 항목을 선택하면 해당 URL에 window.location을 설정할 수 있습니다 :

$(document).ready(function() { 
    $("input#autocomplete").autocomplete({ 
     source: [ 
      { value: "NYC", url: 'http://www.nyc.com' }, 
      { value: "LA", url: 'http://www.la.com' }, 
      { value: "Philly", url: 'http://www.philly.com' }, 
      { value: "Chitown", url: 'http://www.chitown.com' }, 
      { value: "DC", url: 'http://www.washingtondc.com' }, 
      { value: "SF", url: 'http://www.sanfran.com' }, 
      { value: "Peru", url: 'http://www.peru.com' } 
     ], 
     select: function (event, ui) { 
      window.location = ui.item.url; 
     } 
    }); 
});

출처

2012-06-25 23:28:44

AH합니다. 죄송합니다. 정확한 이름> .com이 아닙니다. 일부는 "NYC"> www.samplenotnyc.com이 될 것입니다. URL 내에서 값을 업데이트하기를 원합니다. –

그래서'source' 배열을 바꿀 수 있습니까? 나는 당신이 "가치"근처에 무엇을 의미하는지 모르겠습니다. –

사실 저는 당신이 의미하는 것을 보았습니다. 업데이트 된 답변을 참조하십시오. –

jQuery 자동 완성> 선택> 링크

답변

관련 문제