jQuery는 선택 옵션 드롭다운 목록 구현 코드를 동적으로 생성합니다.
- 小云云원래의
- 2018-01-22 13:52:401390검색
선택 옵션 드롭다운 목록을 구현하는 방법은 여러 가지가 있습니다. 이 글에서는 선택 옵션 드롭다운 목록을 동적으로 생성하는 jQuery의 구현 방법을 주로 소개합니다. 필요한 친구들이 참고하면 도움이 될 것입니다.
그러나 선택 옵션 드롭다운 목록을 동적으로 생성하는 구현은 없습니다.
동적 생성을 위해 jQuery 환경에서 jQuery 객체를 생성하는 것은 매우 편리합니다.
데이터베이스에 일부 데이터 준비:
저장 프로시저:
ASP.NET MVC 개발 및 프로그램 구현, 필수 모델:
이제 통신할 엔터티를 만듭니다. 데이터베이스 사용:
다음으로 데이터 세트를 가져오는 메서드를 만들고 프런트 엔드 jQuery가 메서드를 실행하도록 할 수 있습니다.
좋아, 모든 것이 준비되었습니다.
선택 개체 만들기:
$selectCity = $('').attr({ name: 'city', class: 'selectcity' });
빈 옵션을 만들 수 있습니다.
$("", { value: "", text: "" }).appendTo($selectCity);
이제 데이터베이스에서 읽은 데이터가 옵션을 동적으로 생성할 수 있습니다.
표시할 때 선택 값을 바인딩해야 하는 경우 이를 달성하는 방법은 무엇입니까? 매우 간단합니다. $.each일 때 판단하세요:
위의 "3"은 변수이며 바인딩해야 하는 값입니다. 다음은 효과에 대한 데모입니다.
관련 권장 사항:
Html 선택 옵션이 기본 선택을 만드는 방법을 설명하세요
JS 및 JQuery가 선택 옵션을 동적으로 추가합니다
위 내용은 jQuery는 선택 옵션 드롭다운 목록 구현 코드를 동적으로 생성합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!