JS——设置select默认值，及隐藏下拉框选项

实现功能大概是这样：（页面有点槽，该引的都没引，将就看吧.........）

先说默认值

这是页面选框

@**@ 

		——请选择等级——
		优秀
		合格
		不合格



		——请选择最低分——
		>=0
		>=1
		>=2
		>=3
		>=4
		>=5
		>=6
		>=7
		>=8
		>=9 @*
		>=10*@


		——请选择最高分——
		< 1
		< 2
		< 3
		< 4
		< 5
		< 6
		< 7
		< 8
		< 9
		<=10

需求如下：

js代码如下：

先绑定level下拉框的点击事件

再用hide，show 方法设置隐藏 ，显示

$('#highest').hide();

$('#highest').show();

window.onload = function() {
		$('#lowest-th').hide();
		$('#lowest').hide();
		$('#highest-th').hide();
		$('#highest').hide();
		//绑定点击事件
	    $("#level").change(function() {
				$('#lowest-th').show();
				$('#lowest').show();
				$('#highest-th').show();
				$('#highest').show();
				var level = $(this).children('option:selected').val();
				var lowests = document.getElementById("lowest");
				var highests = document.getElementById("highest");
				//每次点击level下拉框，另外两个都置为空
				document.getElementsByName("lowest")[0].value="";
				document.getElementsByName("highest")[0].value="";
				//判断level选型，隐藏显示选型
				if (level == "优秀") {
					for (i = 0; i < lowests.length; i++) {
						lowests[i].style = 'display:block';
						if (!(lowests[i].value >= 7))
							lowests[i].style = 'display:none';
					}
				}  else if(level == null || level==""){
					$('#lowest-th').hide();
					$('#lowest').hide();
					$('#highest-th').hide();
					$('#highest').hide();
				}
				$('#lowest').trigger("chosen:updated");
			})
		}