JS选中多个checkbox,并与一个下拉框选择的值一起存入数据库

JS选中多个checkbox,并与一个下拉框选择的值一起存入数据库,第1张

//checkbox值

var aa = '';

$("input[name='checkbox']:checkbox:checked")each(function(){

aa+=$(this)val()

})

//select值

$('#testSelect option:selected')text();

或者是value

$("#testSelect")val();

用数组存储var list = ["客户名称","用户地址","联系人","证件号码后6位","银行账号后6位"],然后第一个下拉框的onChage事件中重新给第二个下拉框负值并排除第一个下拉框当前值!

/

  @author zhou2003737

  @date  2014/09/25 16:39

 /

<html doctype="html">

    <head>

        <title></title>

        <script type="text/javascript">

                windowonload = function(){

                    //获取文本框对象

                    var searchText = documentgetElementById("searchText");

                    //获取提交button对象

                    var action = documentgetElementById("action");

                    //获取要增加到的下拉列表对象

                    var selections = documentgetElementById("selections");

                    //点击提交的时候执行的方法

                    actiononclick = function(){

                        //如果文本框对象中值不为空

                        if(searchTextvalue ){

                            //根据文本框中的值循环5次

                            for(var i =5;i>0;i--){

                                //设置下拉列表中的值的属性

                                var option = documentcreateElement("option");

                                    optionvalue = searchTextvalue + i;

                                    optiontext= searchTextvalue+i;

                                //将option增加到下拉列表中。

                                selectionsoptionsadd(option);

                            }

                        }

                    }

                }

            //思路如上。你可以将点击时将文本框中值传到后台,后台返回数据后,在将数据存入下拉列表对象中。

        </script>

    </head>

    <body>

        <p><input type="text" placeholder="请输入查询对象" autofocus  id="searchText"/></p>

        <p><input type="button" id="action" value="提交"/></p>

        <p><select id="selections">

        </select></p>

    </body>

</html>

1、简单做法:使用onchange触发页面重新加载,如取得下拉框的值后,重定向网址windowlocationhref = "searchtype="+下拉框的值

2、用ajax动态刷新用户列表区域,这种方法写起来稍有点麻烦

jsp中把数据库全量查询后填充select列表:

举例说明:

<table>

<tr>

<td width="400px" align="left">入学批次:<SELECT NAME="grade"

id="grade" onchange="refreshEduLevelAndSpecialAjax();"> //选择入学批次会刷新层次和专业

<OPTION VALUE="0">

--请选择--

<c:forEach items="${gradeInfo}" var="gradeInfo">

<OPTION VALUE="${gradeInfogradeName}">${gradeInfogradeName}

</c:forEach>

</SELECT></td>

<td width="400px" align="left">统考课程:<SELECT

NAME="uniExamCourseId" id="uniExamCourseId">

<OPTION VALUE="0">

--请选择--

<c:forEach items="${unifiedExamCourseList}" var="uniExamCourse">

<OPTION VALUE="${uniExamCourseid}">${uniExamCourseuniExamCourseName}

</c:forEach>

</SELECT></td>

</tr>

<tr>

<td colspan="2" id="refreshEduLevelAndSpecialAjax"> //设置ID,用于填充层次和专业的下拉框

<table>

<tr>

<td width="400" align="left">层 次:<SELECT

NAME="eduLevelId" id="eduLevelId"

onchange="refreshSpecialAjax();"> //选择层次后刷新专业

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${educationLevel}" var="educationLevel">

<OPTION VALUE="${educationLevelid}">${educationLeveleducationLevelName}

</c:forEach>

</SELECT></td>

<td width="400" align="left" id="refreshSpecialAjax">专 业:<SELECT //设置ID,用于填充专业的下拉框

NAME="specialId" id="specialId">

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${specialList}" var="special">

<OPTION VALUE="${specialid}">${specialspecialName}

</c:forEach>

</SELECT></td>

</tr>

</table>

</td>

</tr>

</table>

java后台通过dao接口获取specialList的值,并且保存到session即可。

以上就是关于JS选中多个checkbox,并与一个下拉框选择的值一起存入数据库全部的内容,包括:JS选中多个checkbox,并与一个下拉框选择的值一起存入数据库、js下拉框问题、JS调用后台数据查询,让查询到的数据在下拉列表里显示等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9299786.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存