复选框、下拉框实现多值回显

最新推荐文章于 2024-04-21 02:04:10 发布

原创

最新推荐文章于 2024-04-21 02:04:10 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsp页面值回现 #复选框、下拉框值回现

本文介绍了如何在JSP页面上实现下拉框和复选框的多值回显。下拉框通过在字段中用逗号分隔保存值，并在前端显示已选中的选项。复选框的多选值回显同样通过后台代码获取并传递到前端，确保已选状态被正确显示。同时提到了<textarea>标签使用时的注意事项。

一、下拉框实现增加，保存在字段domain中，以","号分割。并将值回现在jsp中选中展示

效果：

例1：

<script type="text/javascript">

   $(function() {

      $('#userProjectRecommendedForm1').form({

                     url : '${ctxweb }/userinfo/attestation/userProjectRecommendedSave',

                     onSubmit : function() {

                        return $(this).form('validate');

                     },

                     success : function(data) {

                        var result = $.parseJSON(data);

                        var id = result.msg;

                        if (result.success == true) {

                           location.href = "${ctxweb}/userinfo/userProjectRecommendedFull/" + id;

                        }

                     }

                  });

     

       $(".add-field").click(function(e){

              e.preventDefault();

              var n=$(".add-type>li").length;

              var num=n+1;

              var li="<li>"+

                  " <select name='domain' id='domain'> "+

                  "  <option value=''>请选择</option> "+

                  <c:forEach items='${domains}' var='domain'>

" <option value='${domain.text}' <c:if test='${domain.text eq douser["+num+"]}'>selected</c:if>> ${domain.text} </option> "+

                  </c:forEach> 

                  " </select > "+

                  " </li>";

              $(".add-type").append(li);

          });

    $(".common").on("click","input",function(){

最低0.47元/天解锁文章