JS循环筛选省份

[w791918]

全部省份是：广东,山东,河南,湖南,湖北,云南,辽宁,四川,内蒙古,浙江,江苏,福建,广西,贵州,上海,河北,吉林,甘肃,新疆,山西,安徽,天津,陕西,重庆,宁夏,海南,黑龙江,青海,西藏,江西

一个输入框，按照上面的格式我输入几个省份，JS怎么样将全部省份中的省份按照输入框中的省份过滤掉显示出来？

[嘻哈大咖秀]

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="jquery.min.js"></script>
		<script type="text/javascript">
		 var cityStr = '广东,山东,河南,湖南,湖北,云南,辽宁,四川,内蒙古,浙江,江苏,福建,广西,贵州,上海,河北,吉林,甘肃,新疆,山西,安徽,天津,陕西,重庆,宁夏,海南,黑龙江,青海,西藏,江西';
		 function drop(){
		 	var drop = $('#number').val();
		 	var dropArr = drop.split(',')
		 	for (var i = 0;i<=dropArr.length - 1; i++) {
		 		cityStr = cityStr.replace(dropArr[i],'');
		 	};
		 	cityStr = cityStr.replace(/[,]+/g,',');
		 	console.log(cityStr);
		 }
		</script>
	</head>
	<body>
		<input type="text" id="number" value="四川,广西,新疆" /><br />
		<input type='button' value='open' onclick="drop();"/>
	</body>
</html>

四川,广西,新疆 被替换了

[圆㺭]

<html>
	<head>
		<meta charset=utf-8" />		
	</head>
	<body>
		<input type="text" id="text" />
		<script type="text/javascript">
		 var cityArr = ['广东','山东','河南'];
		 console.log("cityArr:"+cityArr);
		 var inputTxt = document.getElementById("text");
		 inputTxt.onchange = function(){
		 	var inputArr = inputTxt.value.split(',');
		 	console.log("inputArr:"+inputArr);
		 	var result = cityArr.filter(function(item,index,array){
		 		return (inputArr.indexOf(item)==-1)
		 	});
		 	
		 	console.log("result"+result);
		 };
		</script>
	</body>
</html>