動態加載選項

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<select   id="select" class="form-control">
		</select>
	</body>
	<script src="jquery.min.js"></script>
	
	<script>
	/*初始化*/
	$(function(){
		initializeSelect();
	});
	
	
	function initializeSelect() {
	var all="[{'name':'蘋果','value':'app'},"  +
		"{'name':'橘子','value':'org'}," +
		"{'name':'香蕉','value':'ban'}]";
	 var jsonarray = eval('('+all+')');
    $.each(jsonarray,function(i,v){
        var html = '<option value="'+v.value+'">'+v.name+'</option>';
        $("#select").append(html);
    });

}
	</script>
</html>	

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章