//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调用后台数据查询,让查询到的数据在下拉列表里显示等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)