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>