클라이언트가 자동 완성 텍스트 상자에서 항목을 선택할 때마다 텍스트 상자 바로 아래에 내가 만든 div에 자동으로 나타납니다. 전체 div가 아닌 div에 나타나는 각 선택된 항목을 CSS로 스타일을 지정하고 싶습니다 . 예를 들어 선택한 모든 항목이 검은 색 테두리로 표시되기를 원합니다. (div에서 CSS를 쉽게 사용할 수 있지만 선택한 각 항목이 아닌 전체 div에 대한 테두리가 표시됩니다).
그것이 JS 코드입니다. 내가 필요한 것은 새로운 선택된 국가에 CSS를 추가하는 것입니다.
$(function() {
/* Textbox ID */ $("#destinations").autocomplete({
select: function (event, ui) {
/* div ID */ $("#DestinationsChosen").html(function(i, origText)
{
var SelectedCountry = ui.item.value.toString();
var CurrentText = origText.toString();
if ((CurrentText.indexOf(SelectedCountry) >= 0))
{
alert("Already Exists");
return CurrentText;
}
return CurrentText + " " + SelectedCountry;
})
}
});
})
전체 코드는 다음과 같습니다. http://jsfiddle.net/3zfcb04k/
이것을 변경하십시오 :
return CurrentText + " " + SelectedCountry;
이에:
return CurrentText + " <span>" + SelectedCountry + "</span><br/>";
그런 다음 span
태그에 CSS를 적용합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다