我的采用的是javabena+jsp
一个javabean
public ArrayList selectCourseInfo()throws Exception {//下拉框显示课程信息
ArrayList list = new ArrayList();
try {
db.open();
ResultSet rs = db.select("select * from CourseInfo");
while (rs.next()) {
list.add(new CourseInfo(rs.getInt(1), rs.getString(2),rs.getString(3)));
}
} catch (Exception e) {
e.printStackTrace();
} finally {
db.close();
}
return list;
}
然后在jsp中调用
<tr><td>课 程:<select name="course">
<%try{
ArrayList list=m.selectCourseInfo();
if(list.isEmpty()){
out.println("没有数据显示");
}
for(int i=0;i<list.size();i++){
CourseInfo c=(CourseInfo)list.get(i);%>
<option><%=c.getName()%></option>
<%}}
catch(Exception e){}
%></select>
</td></tr>
这样就可以动态的显示了
Ⅱ 如何用js获取下拉框dropdownlist显示的值
这么写就可以获得1、2、3对应的A、B、C了
var select = document.getElementById("ddlType");
alert(select.options[select.selectedIndex].innerText);
Ⅲ JSP中下拉框是从数据库中读取的。当下拉框选择是,后面的文本框显示对应的信息,如何做最好有例子
本人用的PHP,其实思路应该是差不多的。
我用的是AJAX,对每次下拉框的onchange事件,作一次异步请求,请求的当然就是服务器的处理程序了(一般是查询数据库),获取返回的json结果,然后再通过JS显示在后面的文本框
下面是分类联动选择的部分JS代码:
//子级category选择
getChildCategory:function(p,c,g){
//$("#pArea").live('change',function(){
varparent_id=$("#"+p).val();
if(parent_id==0){
returnfalse;
//$("#"+c).hide();
//$("#"+g).hide();
}
$.ajax({
type:"POST",
url:"include/getNextCategory.php?type=child",
dataType:"json",
data:{"parent_id":parent_id},
success:function(json){
if(json.success==1){
//alert("这里能执行???");
//$("#"+c).show();
$("#"+c).html("");
$("#"+c).append(json.next_category);
//$("#"+c).get(0).selectedIndex=0;
$("#"+g).html("");
}else{
//alert("failed");
//$("#"+c).html("<option>其他</option>");
}
}
});
//alert(p_category+">"+c_category+">"+g_category);
$("#category").val(p_category+">"+c_category+">"+g_category);
},
后台程序也很简单:
if($type=='child'){
$query="SELECTcid,nameFROMai_categoryWHEREpid='$pid'";
}
if($type=='grand'){
$query="SELECTcid,nameFROMai_categoryWHEREpid='$cid'";
}
$db->query($query);
$arr['next_category']="";
if($pid=='0'||$cid=='0'){
$arr['success']=0;
}
if($db->db_num_rows()>0){
$arr['success']=1;
while($row=$db->fetch_assoc()){
$arr['next_category'].="<optionvalue=".$row['cid'].">".$row['name']."</option>";
}
}else{
$arr['success']=0;
//echo"没有查询到子级区域";
}
echojson_encode($arr);
--本人技术比较菜,请见谅
Ⅳ JSP 实现两个select下拉框的数据联动,要求根据第一个下拉式选择的内容联动第二个下拉式。需要从数据库中
采用什么方式实现呢?
是页面跳转还是使用Ajax啊
说一下思路吧
页面跳转:
首先进入页面的时候,第一个select的内容是从数据库查询出来的,这个很简单就能实现。
然后在这个select控件上加上onchange事件,onchange事件中获取当选select选中的value
提交到后台,首先将页面中的内容存起来,比如刚才的那个内容使用setAttribute,存起来,
然后在获取一次第一个select控件的信息,然后根据页面被选中的那个value,查询出第二个下拉框内容,然后就可以跳转页面了,跳转到刚才那个页面上,
之后1,将刚才setAttribute的值,设置到第一个select中,然后将刚刚查询的第二个下拉框的值,设置到第二个select框中。可以使用标签的形式等。许多办法都能实现
采用iframe形式,
过程类似,只不过,这次不用setAttribute了,而采用js来将第二个下拉框设置上值就可以了
Ajax:
这种形式最简单了,onchange事件直接提交后台,然后获取第一个的value,关联查询出第二个下拉框的内容,然后返回前台的时候,通过js来修改第二个select
希望对你能有帮助
Ⅳ 用JS将数据库中的值赋值给下拉列表框的问题
源代码呢, 有,不过太多了, 不可能发出来的。给你讲一下大致的思路吧,回你可以采用两种形式。答
第一,采用纯js,网上可以下到这样的组件,js里包含省市县级的地区信息,使用的时候只要引入这个js,然后给三个select绑定上特定的值,就可以实现联动了。
第二,采用ajax,为省级别的及市级别的select绑定onchange事件,选择省级别的select时,调用ajax,传一个地区ID,取出这个省下所有的市级地区,以json的形式返回,然后在回调方法里把你取到的数据设置到市级的select中就行了。
顺便说一下,如果你想在js文件里调用java代码,你可以把js文件命名成jsp文件,然后在其它jsp页面里可以这样引用:<script type="text/javascript" src="../inc/area.jsp"></script>