Question

<s:select>标签如何验证？用js的方法

jsp代码：
<span class="label">性别</span>
<div>
<div>
</div>
<s:select list="#{'男':'男','女':'女'}" name="employee.sex" id="empSex" headerKey="0" headerValue=" ---请选择性别---" onchange="empSexChange(this.value)"></s:select>
<div>
<span id="sex"></span>
</div>
</div>
js代码：
/*当鼠标离开性别时，提示内容*/
function empSexChange(){
var name=document.getElementById("empSex");
alert(name.value);
var sex=$("sex");
if(name.value==0||name.value==null){
sex.innerHTML="请选择";
return false;
}else{
sex.innerHTML="ok";
return true;
}
}
我这样写有什么错误吗？或者大家有什么好的方法，贴上来参考一下。谢谢

Answer 1

你好，你这样写，有几点建议吧
1、你的方法既然已经有了 this.value 当作参数，就不用再查询 var name 了
直接使用 function empSexChange(mysex) { }
这样的 mysex 就和你的 name.value 是一样的值
2、如上，你的方法少了个参数 function 方法名(参数) 你在调用的时候有参数，所以最好
是写上，不写也不会报错
3、你的 var sex = $("sex") 这个是 property.js 的写法，获得 id = sex 的控件
如果你是 jquery 的话，应该是 var sex = $("#sex");
如果你没有用 property.js 或者 jquery.js 的话，应该是
var sex = document.getElementById("sex");
当然，由于 id 控件在 html 理论上是只能存在一个的，当然你写错了除外
所以在 js 中，如果是根据 id 获取控件的话，也可以直接
sex.innerHTML = ""; 不用写 var sex = ***; 了
但是要确保之前没有定义过 sex 变量
4、修改后如下
function empSexChange(myval){
alert(myval);
// 如果用 property 就用 如下
// var sex = $("sex");
// 如果你之前点一过 sex ，就去掉下面的注释
// var sex = document.getElementById("sex");
if (name.value == 0 || name.value == null) {
sex.innerHTML = "请选择";
return false;
} else {
sex.innerHTML = "ok";
return true;
}
}