`
huanglz19871030
  • 浏览: 248927 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

js、servlet分别获取下拉框、单选框、复选框的值

阅读更多

A 获取下拉框的value值

1.1  js获取下拉框中的value值从而给出提示:
       jsp:<select name="faTypeSel" id="faTypeSel" style="position:relative">
                             <option value="">请选择收藏夹类型</option>
                          <c:forEach items="${faList}" var="fa">
                            <option value="${fa.type}">${fa.faDesc}</option>
                          </c:forEach>
                     </select>
      js:
             var faType = document.getElementById("faTypeSel").value;
             if (faType.length == 0)
             {
                   jAlert("无法提交!您未选择任何收藏夹类型","温馨提示");
                   return false;
              }

           有时候不同的浏览器可能不支持某些js代码,其他方法还有:
          var faType = document.getElementById("faTypeSel");
          var index = faType.options.selectedIndex;或者 var index = faType.selectedIndex;
          var value = faType.options[index].value;
         if (value.length == 0)
         {
               jAlert("无法提交!您未选择任何收藏夹类型","温馨提示");
               return false;
          }

1.2  servlet获取下拉框中的value值:

       String  faTypeSel = request.getParameter("faTypeSel");

 

B、获取单选框或者多选框的value值

2、js获取单选框或者多选框的value值:

jsp的form中:<from ....><input type="<%if(WebConstants.VOTE_CHECK_TYPE_RADIO.equals(voteDetailInfo.getIs_multi())){%>radio<%}else{%>checkbox<%} %>" value="<%=vq.getId()%>" name="vote" /><%} %>

 <input type="button(submit)" id="joinVote" name="joinVote" value="立即投票" onclick="joinVote()"/></form>

  说明: (如果是js提交的话就用button加上onclick();如果是form表单提交的方式就直接用submit,去掉onclick)

2.1 对应的js:

     function joinVote()
   {

       var targetId = '<%=voteDetailInfo.getId()%>';

       var type = '<%=voteDetailInfo.getIs_multi()%>';
       var max= '<%=voteDetailInfo.getChoice_max()%>';
       var count = 0;
       var ids="";
         var items = document.getElementsByName("vote");
        for(var i=0;i<items.length;i++)
     {
      if(items[i].checked)
      {
          count++;
       ids+=items[i].value+",";
      }
     }
     if(<%=WebConstants.VOTE_CHECK_TYPE_CHECKBOX%> == type && count > max)
     {
      alert("提示:不能超过最多投票项数");
      return;
     }   
     if(ids=="")
     {
      alert("提示:嗨,您还没有选择投票项");
      return;
     }else
     {
      ids=ids.substring(0,ids.length-1);
         window.location.href='<%=request.getContextPath()%>/action?     voteAction=0&action=join&voteId='+targetId+'&ids='+ids;
     
     }
   }
2.2、servlet中获取单选框或者多选框的value值:

       String tipText = "";
       String url = "";
       String ids ="";
       int count = 0;
       String voteId = context.getRequest().getParameter("voteId");
       String Is_multi = context.getRequest().getParameter("Is_multi");
       int Choice_max = Integer.parseInt(context.getRequest().getParameter("Choice_max"));
       String[] vote = context.getRequest().getParameterValues("vote");
          StringBuffer buf = new StringBuffer();
          if(vote !=null && vote.length >0)
          {
           for(int i=0;i<vote.length;i++)
           {
                 count++;
           buf.append(vote[i].toString()+",");
           }
           if(WebConstants.VOTE_CHECK_TYPE_CHECKBOX == Is_multi && count > Choice_max)
           {
            tipText = " 不能超过最多投票项数!";
               url = "/action?voteAction=0&amp;action=detail&amp;voteId="+voteId;
           }
          }
          else
          {
           tipText = " 您还没有选择投票项!";
           url = "/action?voteAction=0&amp;action=detail&amp;voteId="+voteId;
          }
      
       ids = buf.toString();
      ids = ids.substring(0, ids.length() - 1);

      。。。。。。。后续的操作就不加以描述了。

     说明:上面代码中,如果确定是单选的话就更简单些,直接用String  value = request.getParameter("key");就可以了;但如果不确定或者是多选的话就要用String[] values = reqest.getParameterValues("key"); 。

1
0
分享到:
评论

相关推荐

    jsp+js带单选复选框的动态树

    【jsp+js带单选复选框的动态树】是一个基于Java Server Pages(JSP)和JavaScript技术实现的交互式树形结构,通常用于展示层级关系的数据,如组织架构、文件目录等。在这个应用场景中,用户可以进行选择操作,通过...

    Struts2 实现部门员工管理

    在这个“Struts2 实现部门员工管理”的项目中,我们将深入探讨如何使用Struts2来处理部门和员工的数据,以及涉及到的各种UI组件如复选框、单选按钮、下拉框、密码框和文本域。 首先,我们来看核心概念——MVC架构。...

    2023年JavaWeb学习笔记.docx

    Servlet可以处理客户端提交的表单数据,包括文本框、复选框、单选框、下拉框等。在Servlet中,可以使用request对象的getParameter方法获取表单数据。 2.3、Servlet跳转 Servlet可以将请求转发给其他Servlet或JSP...

    Struts2标签列表及说明

    * &lt;s:checkbox&gt;:复选框 * &lt;s:checkboxlist&gt;:多选框 * &lt;s:combobox&gt;:下拉框 D: * &lt;s:date&gt;:获取日期格式 * &lt;s:datetimepicker&gt;:日期输入框 * &lt;s:debug&gt;:显示错误信息 * &lt;s:div&gt;:表示一个块,类似于 HTML 的...

    java web 资料

    - **复选框**(Checkbox):`&lt;input type="checkbox"&gt;`用于创建复选框,用户可以多选。 2. **JavaScript**: - **函数**:`show`函数展示了如何获取和处理HTML表单元素的值。例如,获取表单中的输入值,并通过`...

    struts2标签大全详解

    2. `&lt;s:checkboxlist&gt;`:创建复选框列表,用户可选择多个值。 3. `&lt;s:combobox&gt;`:创建下拉框,可以与Ajax结合使用。 4. `&lt;s:component&gt;`:用于展示图形或特殊符号。 D部分: 1. `&lt;s:date&gt;`:格式化日期输出。 2. `...

    struts1标签库

    17. `html:multibox`:这个标签创建一组复选框,与`html:checkbox`不同的是,用户可以多选。 18. `html:link`:生成一个链接,可以用于导航到其他页面或执行特定的操作。 19. `html:errors`:这个标签用于显示...

    struts2 标签库 帮助文档

    1. &lt;s:checkbox&gt;&lt;/s:checkbox&gt;-----复选框 2. &lt;s:checkboxlist list=""&gt;&lt;/s:checkboxlist&gt;-----多选框 3. &lt;s:combobox list=""&gt;&lt;/s:combobox&gt;-----下拉框 4. &lt;s:component&gt;&lt;/s:component&gt;-----图像符号 D: ...

    struts2标签详细讲解

    2. `&lt;s:checkboxlist&gt;`:用于创建多个复选框,基于提供的列表数据。 3. `&lt;s:combobox&gt;`:生成下拉选择框,可以通过Ajax动态填充数据。 D. 其他辅助标签: 1. `&lt;s:date&gt;`:格式化日期,可以方便地展示或输入日期。 2...

    struts2.0的标签库

    - `&lt;s:checkbox&gt;` 和 `&lt;s:checkboxlist&gt;`:分别用于单个复选框和多个复选框的选择。 - `&lt;s:combobox&gt;`:创建一个下拉列表,支持 AJAX 功能。 - `&lt;s:component&gt;`:通常用于显示图像或其他组件。 C. 日期和时间处理:...

    struts2常用标签

    8. `&lt;s:checkbox&gt;` 和 `&lt;s:checkboxlist&gt;`:分别用于创建单个复选框和复选框列表。 9. `&lt;s:debug&gt;`:用于调试,显示Action上下文中的详细信息,包括值栈、session、request和application等信息。 10. `&lt;s:div&gt;`:...

    Struts2标签应用.

    1. `&lt;s:checkbox&gt;`:创建复选框,可以绑定数据到Action的属性。 2. `&lt;s:checkboxlist&gt;`:用于创建多个复选框,通常结合列表使用。 3. `&lt;s:combobox&gt;`:创建下拉选择框,可以从列表中选择值,支持Ajax更新。 4. `...

    struts 2标签

    7. `&lt;s:checkbox&gt;` 和 `&lt;s:checkboxlist&gt;`:分别用于创建单个复选框和复选框列表,方便用户进行多项选择。 8. `&lt;s:combobox&gt;`:创建下拉列表,可配置数据源。 9. `&lt;s:component&gt;`:用于创建自定义组件,可以是任何...

    Struts2常用标签

    9. **&lt;s:checkboxlist&gt; 复选框列表** - **用途**:创建一组复选框。 - **示例**: ```xml , " /&gt; ``` 10. **&lt;s:combobox&gt; 下拉框** - **用途**:创建下拉框。 - **示例**: ```xml ``` 11. **...

    Struts2标签库详解[1].doc

    9. `&lt;s:checkboxlist&gt;`:用于创建一组复选框,通常与列表或数组配合使用。 10. `&lt;s:combobox&gt;`:创建下拉选择框,允许用户从预定义的列表中选择一个值。 11. `&lt;s:component&gt;`:用于创建自定义组件,如图像、按钮等...

    Struts2标签库详解.doc

    8. `&lt;s:checkboxlist list=""&gt;`:创建一组复选框,通常用于多个选项的选择。 9. `&lt;s:combobox&gt;`:创建一个下拉框,支持AJAX动态加载数据。 10. `&lt;s:bean name=""&gt;`:类似于Struts1.x中的标签,用于获取JavaBean的...

     strut2 标签详解

    1. `&lt;s:checkbox&gt;`:创建复选框,可与列表结合使用。 2. `&lt;s:checkboxlist&gt;`:创建多选框列表,允许用户选择多个选项。 3. `&lt;s:combobox&gt;`:创建下拉框,可以从指定列表中选择一个值。 4. `&lt;s:component&gt;`:用于创建...

    重要知识Structs2标签初学者.pdf

    9. **复选框标签 `&lt;s:checkbox&gt;``和`&lt;s:checkboxlist&gt;`**:分别用于创建单个和多个可选的复选框。 10. **图像符号标签 `&lt;s:component&gt;`**:用于创建自定义组件或图形元素。 11. **日期标签 `&lt;s:date&gt;``和`...

    Struts2标签详解及具体实例解析

    - **解释**:创建一个名为“agree”的复选框,当选中时其值为“true”,并附带标签“同意条款”。 ##### 9. `&lt;s:checkboxlist&gt;` 多选框列表 - **用途**:创建一个多选框列表。 - **示例代码**: ```xml ``` - *...

    struts2_标签使用方法.doc

    - `&lt;s:checkbox&gt;`:用于创建复选框,可以设置值和名称。 - `&lt;s:checkboxlist&gt;`:用于创建一组可多选的复选框,列表数据来源于一个集合。 D. `&lt;s:date&gt;`和`&lt;s:datetimepicker&gt;`: - `&lt;s:date/&gt;`:用于显示日期,可以...

Global site tag (gtag.js) - Google Analytics