This is my code with some django template langage:

<script>

	function get_final_user(){
		var selectedClass = $( '#id_finalUserClass').val();	
		console.log(selectedClass);		
		{% for classItem in classItems %}
		{% for item in classItem.finaluser_set.all %}
		$("#id_finalUserName option[value='{{item.userName}}']").remove();

		if(selectedClass == "{{item.userClass}}")
		{
			$("#id_finalUserName").append("<option value='{{item.userName}}'>{{item.userName}}</option>");
		}
		{% endfor %}
		{% endfor %}
		if(selectedClass=="")
		{
			{% for classItem in classItems %}
			{% for item in classItem.finaluser_set.all %}
			$("#id_finalUserName option[value='{{item.userName}}']").remove();
			$("#id_finalUserName").append("<option value='{{item.userName}}'>{{item.userName}}</option>");
			{% endfor %}
			{% endfor %}
		}
	$(document).ready(function () {
		$('select').material_select();
	});
	};

</script>	

I want change the options dynamically, after add the code ' $('select').material_select(); ' it works. But there are some display bugs like . After check in firefox's inspector, I found added some <span class="caret">▼</span>code. How to fix it? Thanks very much!

---