[select2] 플러그인

데이터 변경

<script>
	/* 데이터 선언 */
	var data1 = [
		{ id: 1, text: 'Barn owl1', },
		{ id: 2, text: 'Barn owl2', },
		{ id: 3, text: 'Barn owl3', }
	];
	var data2 = [
		{ id: 21, text: 'kim owl1', },
		{ id: 22, text: 'kim owl2', },
		{ id: 23, text: 'kim owl3', }
	];

	/* select2 선언 */
	$('.js-select1').select2({ minimumResultsForSearch: Infinity })
	$('.js-select2').select2({ minimumResultsForSearch: Infinity })

	/* .js-select1 변경에 따른 데이터 변경 */
	$('.js-select1').on('select2:select', function (e) {
		var _data = e.params.data;
		console.log("_data", _data.id);

		//$('.js-select2').select2("destroy");
		$('.js-select2').empty();
		if( _data.id == "y1" ){
			$('.js-select2').select2({
				minimumResultsForSearch: Infinity,
				data: data1
			})
		}else if( _data.id == "y2"){
			$('.js-select2').select2({
				minimumResultsForSearch: Infinity,
				data: data2
			})
		}
	
  });
</script>