【转】html：select、radio取值问题

一、页面加载时初始值问题：
1、select标签option初始值设置方法如下：
<%
String userRole = "";
%>
<html:form>
<html:select property="userRole" onchange="selectValue()">
<html:option value="operator">operator</html:option>
<html:option value="admin">admin</html:option>
</html:select>
</html:form>
<!-- 以下javascript代码需放在 </html:form>后，表示form表单加载完毕后执行,必须确保初始值<%=userRole%>能在js中取到 -->
<script language="javascript">
var userRole = document.all.userRole;
for(var i=0;i<userRole.length;i++){
if(userRole[i].value == <%=userRole%>){
userRole[i].selected = true;
break;
}
}
</script>

2、radio标签的初始值设置方法如下：
<%
String userRole = "";
%>
<html:form>
<html:radio property="userRole" value="operator" onclick="radioValue()"/>
<html:radio property="userRole" value="admin" onclick="radioValue()"/>
</html:form>
<!-- 以下javascript代码需放在 </html:form>后，表示form表单加载完毕后执行,必须确保初始值<%=userRole%>能在js中取到 -->
<script language="javascript">
var userRole = document.all.userRole;
for(var i=0;i<userRole.length;i++){
if(userRole[i].value == <%=userRole%>){
userRole[i].checked = true;
break;
}
}
</script>

二、页面事件及表单提交时取值问题：
1、select标签option取值方法如下：

<html:select property="userRole" onchange="selectValue()">
<html:option value="operator">operator</html:option>
<html:option value="admin">admin</html:option>
</html:select>

<script language="javascript">
function selectValue(){
alert(document.all.userRole.options[document.all.userRole.selectIndex].value);
}
</script>

2、radio标签的取值方法如下：

<html:radio property="userRole" value="operator" onclick="radioValue()"/>
<html:radio property="userRole" value="admin" onclick="radioValue()"/>

<script language="javascript">
function radioValue(){
var obj = document.all.userRole;
if(obj){
for(var i=0;i<obj.length;i++){//适合length>=2时，当obj.length==null时，可以直接取obj.value值
if(obj[i].checked){
alert(obj[i].value);
break;
}
}
}
}
</script>