option下拉菜单,该怎么处理

option下拉菜单
假设有两个select option的下拉菜单：
<select name="country" id="city">
<option value="1"> -请选择- </option>；  //假设为1
<option value={$item.id}  {if $data.country eq $item.id}selected{/if}>{$item.name}</option> //假设为2
</select>
选择下拉菜单中的值通过按钮保存：
<input name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();"/>

怎么能让option为1的时候按钮隐藏 为2的时候才可以点击.在线急等......
附js:

function checkSubmit()
{
	clearError();
    var data = new Array();
    var name1 = $('#name').val();
    isNotBlank(name1, '名称', data);
    if (data.length > 0) {
        showWarning(data);
        return true;
    }
    $('#frmdirection').submit();
}

------解决思路----------------------

<select name="country" id="city">
<option value="1"> -请选择- </option>
<option value="2">test</option>
</select>
<input name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/>

<SCRIPT LANGUAGE="JavaScript" src="jquery.min.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
$('#city').change(function(){
	var val=$(this).val();
	if(val==2){
		$("input[name=save]").show();
	}else{
		$("input[name=save]").hide();
	}
})
</SCRIPT>

------解决思路----------------------

$('[name="save"]').hide();
$('#city').change(function() {
  if($(this).val() != 1) $('[name="save"]').show();
)}

------解决思路----------------------
js 版

<select name="country" id="city" onChange="change(this);">
<option value="1"> -请选择- </option>
<option value="2">test</option>
</select>
<input id="save" name="save" type="button"  class="" value="保存" onclick="javascript:checkSubmit();" style="display:none"/>

<SCRIPT LANGUAGE="JavaScript">
function change(_this){
	var val=_this.options[_this.selectedIndex].value;
	if(val==2){
		document.getElementById('save').style.display="inline";
	}else{
		document.getElementById('save').style.display="none";
	}
}
</SCRIPT>