자동 완성 소스를 jQuery에서 변경하지만 작동하지 않습니까?

Question

JQuery를 사용하여 자동 완성 텍스트 상자를 구현하려고합니다. 드롭 다운 목록 및 텍스트 상자가 있는데, 드롭 다운 목록 항목 선택으로 자동 완성 텍스트 기능을 연결하려고 시도했지만 작동하지 않는 경우, 면도기를 사용하고 있습니다.

여기 내 면도기 코드입니다. JQuery와

<script type="text/javascript"> 
$(document).ready(function() { 
    showcontrol = function (id) { 
    $("#Term").attr("data-otf-autocomplete", "@Url.Action("AutocompleteState")");     
} 
}); 
</script> 

@Html.DropDownList("SearchBy", new SelectList(ViewBag.SearchBy, "Value", "Text"), "--Search By--", new { onchange = "showcontrol(this.options[this.selectedIndex].value);" }) 
@Html.TextBox("Term") 

여기에 동적으로 자동 완성 soruce 경로를 변경할 수 있어요하지만이 작동하지 않았다. 제발 좀 도와주세요.

Answer 1

이에 Html 헬퍼 드롭 다운을 변경

:

@Html.DropDownList("SearchBy", new SelectList(ViewBag.SearchBy, "Value", "Text"), "--Search By--") 

돌출 자바 스크립트를 제거. 당신의 showcontrol 함수 선언 후

$('#SearchBy').change(function() { 
    $("select option:selected").each(function() { 
     showcontrol($(this).val()) 
    }); 
}) 

그리고 당신은 갈 수있을 것입니다 :

그런 다음 다음과 같이 변경 이벤트를 바인딩합니다.