一、页面加载时初始值问题:
1、select标签option初始值设置方法如下:
<%
String userRole = "";
%>
<html:form>
<html:select property="userRole" οnchange="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" οnclick="radioValue()"/>
<html:radio property="userRole" value="admin" οnclick="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" οnchange="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" οnclick="radioValue()"/>
<html:radio property="userRole" value="admin" οnclick="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>