-
2020-06-11 15:33:38
搜到的下拉框为数据库的值的代码都好麻烦,而且看不懂,算了自己写吧。几行就搞定了-_-||
获取数据库集合list,在下拉框插入Java代码即可<select name="xlk"> <% for(User u: list){ String str= u.getName(); %> <option value=<%=str%> > <%=str%></option> <%} %> </select>
第六行的第一个str是这个下拉框的值,获取下拉框的值可以用:
String xlk= request.getParameter("xlk");
第二个str是下拉框显示的值。
如果要使下拉框的默认值为你想要的值,可以把第六行改为:<option <% if(name.equals(str){ out.print("selected"); } value=<%=str%> > <%=str%> </option>
name为你想要的默认值。
更多相关内容 -
ComboBox下拉框连接数据库获取数据
2021-08-25 10:03:57在下拉框中获取数据库的数据
【问题描述】
需要在下拉框中获取数据库的数据
【代码实现】
private void cobDepart_SelectedIndexChanged(object sender, EventArgs e) { string value = this.cobDepart.SelectedValue.ToString(); Console.WriteLine("当前选中的是"+value); }
private void frmAddStaff_Load(object sender, EventArgs e) { cobSex.Text = "--请选择--"; cobSex.Items.Add("女"); cobSex.Items.Add("男"); try { //调用B层 IBLL.IDepartBLL departIBLL = AbstractFactory.Factory.CreateConcreteClass(Encapsulation.BLL, Encapsulation.DepartBLL); //查询是否存在该卡号 List<dynamic> list = departIBLL.SelectAll(); cobDepart.DataSource = list;//使用list来接收查询到的数据源 cobDepart.DisplayMember = "departmentId"; cobDepart.ValueMember = "departmentId"; cobDepart.Text = "--请选择--"; } catch (Exception ex) { MessageBox.Show(ex.Message); //抓取B层中的判断异常进行提示 this.Show(); } }
BLL层
/// <summary> /// 查询所有的ID /// </summary> /// <returns></returns> public List<dynamic> SelectAll() { //调用工厂方法创建接口 IDAL.IDepartDAL departIDAL = AbstractFactory.Factory.CreateConcreteClass(Encapsulation.DAL, Encapsulation.DepartDAL); //接受D层的返回值 List<dynamic> list = departIDAL.SelectAll(); if (list.Count > 0)//返回数据表类型 { return list; } else { throw new Exception("查询不到内容!"); } }
DAL层
/// <summary> /// 查询所有的ID /// </summary> /// <returns></returns> public List<dynamic> SelectAll() { //实例化操作类,进行数据查询,并获取返回值 SqlHelper sqlHelper = new SqlHelper(); //执行数据库的查询 string sql = "SELECT * FROM T_Department ";//构造语句,匹配数据库表 DataTable dt = SqlHelper.GetDataTable(sql); List<dynamic> list = new List<dynamic>(); foreach (DataRow row in dt.Rows) //遍历读取dt里面的数据,并添加到list集合中 { list.Add(new DepartmentInfo() { DepartmentId = Convert.ToString(row["departmentId"]) }); } //返回表到到BLL层 return list; }
【遗留问题】
如果要设置下拉框不可以输入,那么可以设置属性DropDownStyle为DropDownList,这样就可以限制下拉框的输入,只显示从数据库中查询到的数据。
但是这样的话,窗体一显示,下拉框就会显示查询到的数据库中的第一条数据,而不是我写的下拉框为空或者是显示“–请选择–”字样。
如果要显示“–请选择–”字样,就只能设置下拉框为可输入的状态。
这个问题暂时还没有解决,应该是我还没有找到正确的方法。 如果你知道答案,欢迎评论留言哦~
-
JS学习 | 【动态下拉框】连接数据库实现联动效果
2019-06-07 23:07:17目的: 基于Mybatis动态获取数据库中的值展现在下拉框,下拉框选中并提交给后台选中内容,由后台进行处理。 正文 一、前端样式 参考:bootstrap-select举例 二、数据展现 (1)静态下拉框 方法一:直接定义 &...序
目的:
基于Mybatis动态获取数据库中的值展现在下拉框,下拉框选中并提交给后台选中内容,由后台进行处理。
正文
一、前端样式
二、数据展现
(1)静态下拉框
方法一:直接定义<form> <div class="form-group"> <div id="left"> <select class="form-control"> <option value='1'>aaa</option> <option value='2'>bbb</option> <option value='3'>ccc</option> </select> </div> </div> </form>
方法二:JavaScript注入
<form> <div class="form-group"> <div id="left"> <select class="form-control"></select> </div> </div> </form> <script type="text/javascript"> var result = [ "aaa", "bbbb", "ccc" ]; for (var i = 0; i < result.length; i++) { $("#left select").append( "<option value='"+i+"'>" + result[i] + "</option>"); } </script>
(2)动态下拉框
数据库内容:
动态注入下拉框:
根据上述方法二扩展,从
后端获取json值
返回到result,
这里主要涉及:如何从后端获取json,
参考之前文章:SSM框架(五)jquery三种数据耦合方式【后端->值->前端】最终效果:
具体方法:- 前端jsp:
注意:get获取的json返回值为一个集合
<form> <div class="form-group"> <div id="left2"> <select class="form-control"></select> </div> </div> </form> <script type="text/javascript"> $(document).ready(function(){ $.get( "${basePath}teacher/getall.d", function(arr){ for(var i = 0 ; i < arr.length;i++){ /*创建新的一行*/ var newRow = "<option value="+arr[i].teacherId+">"+arr[i].teacherName+"</option>"; /*插入新的一行*/ $("#left2 select").append(newRow); } } ); }); </script>
- controller:(注意:这里返回的是list集合)
@RequestMapping("/getall") public @ResponseBody List<TeacherInfo> getTeachers(){ try { return teacherInfoService.findTeachers(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return null; }
- service:
List<TeacherInfo> findTeachers() throws SQLException;
- serviceImpl:
这里用的Util
配置,直连数据库查询,这里也可以配置到Mybatis中:
@Override public List<TeacherInfo> findTeachers() throws SQLException { String sql = "select * from teacher_info"; Connection con = DBManager.getConnection(); PreparedStatement pstm = con.prepareStatement(sql); ResultSet rs = pstm.executeQuery(); List<TeacherInfo> teachers = new ArrayList<>();//定义一个列表,存储数据 while(rs.next()){ Integer teacherId = rs.getInt(1); String teacherName = rs.getString(2); String teacherNumber = rs.getString(3); //列表中每个元素封装为TeacherInfo实体型 TeacherInfo t = new TeacherInfo(); t.setTeacherId(teacherId); t.setTeacherName(teacherName); //添加到techaers返回列表中 teachers.add(t); } pstm.close(); con.close(); return teachers; }
- Util配置:
package com.chinasofti.ssm01.util; import java.sql.*; public class DBManager { private static final String URL = "jdbc:mysql://localhost:3306/file_server?useUnicode=true&characterEncoding=UTF-8"; private static final String USERNAME = "root"; private static final String PASSWORD = "wy123456"; private static final String CLASSNAME = "com.mysql.jdbc.Driver";//mysql5.7 static{ try { Class.forName(CLASSNAME); } catch (ClassNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } } public static Connection getConnection() throws SQLException{ Connection con = DriverManager.getConnection(URL, USERNAME, PASSWORD); return con; } }
三、获取下拉框选中传值到后端
这里主要涉及内容:获取下拉框选中值,并传值到后端
参考前面文章:SSM框架(二)四种控制器请求【前端->值->后端】
具体demo在:教师管理系统demo,这里就不重复了。
快速链接:SSM框架(九)Mybatis【多表查询-前后端】交互(教师管理系统demo) - 前端jsp:
-
想问一下如何实现ComboBox下拉框连接数据库获取数据 ?下面是我的代码,但在执行的时候datagridview没有...
2022-04-03 23:45:45下面是我的代码,但在执行的时候datagridview没有显示数据,点击按钮也没有反应 这是我的界面,下面是datagridview -
vue下拉框返回后端数据库数据
2022-03-13 13:13:27使用elmui下拉框组件 <el-form-item prop="roleIdList" :label="$t('user.roleIdList')" class="role-list"> <el-select v-model="dataForm.roleIdList" multiple :placeholder="$t('user.roleIdList')"&...使用elmui下拉框组件
<el-form-item prop="roleIdList" :label="$t('user.roleIdList')" class="role-list"> <el-select v-model="dataForm.roleIdList" multiple :placeholder="$t('user.roleIdList')"> <el-option v-for="role in roleList" :key="role.id" :label="role.name" :value="role.id"> </el-option> </el-select> </el-form-item>
在date中添加接收
data () { return { visible: false, roleList: [], dataForm: { id: '', roleIdList: [],
在method中init
methods: { init () { this.visible = true this.$nextTick(() => { this.$refs.dataForm.resetFields() Promise.all([ this.getRoleList() ]).then(() => { if (this.dataForm.id) { this.getInfo() } }) }) },
调用后端数据
// 获取角色列表 getRoleList () { return this.$http.get('/sys/role/list').then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } this.roleList = res.data }).catch(() => {}) },
改造
<el-form-item prop="calssify" label="任务分类" class="role-list"> <el-select v-model="dataForm.classify" multiple placeholder="任务分类"> <el-option v-for="task in taskList" :key="task.id" :label="task.name" :value="task.id"> </el-option> </el-select> </el-form-item>
data () { return { visible: false, taskList: [], dataForm: { id: '', // roleIdList: [], name: '', contest: '', classify: '', creator: '', updaterDate: '', updater: '', createDate: '' } } },
init () { this.visible = true this.$nextTick(() => { this.$refs.dataForm.resetFields() Promise.all([ this.getTaskList() ]).then(() => { if (this.dataForm.id) { this.getInfo() } }) }) }, // 获取任务类别列表 getTaskList () { return this.$http.get('/sys/menu/list').then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg) } this.taskList = res.data }).catch(() => {}) },
-
Winform实现ComboBox下拉框与数据库的绑定
2021-06-11 18:13:31实现效果如下:1、设计窗体下拉框的名称cmbName2、连接数据库DBHelper类代码:class DBHelper{/// /// 创建静态连接字符串/// private static string connString= "Data Source=.;Initial Catalog=Test;uid=sa;pwd=F... -
ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法
2020-10-22 12:54:42本文主要介绍了DropDownList控件4种绑定数据的基础用法,希望对大家能有所帮助。 -
C# 使用下拉列表框动态查询数据库
2021-03-17 16:09:49内容索引:C#源码,数据库应用,下拉列表,SQL查询 C# 使用下拉列表框动态查询数据库,先连接上SQL2005数据库吧,要不然程序不能运行的,一个简单的C#数据库例子,学习数据库操作必看的小程序。 -
【Winform-ComboBox】实现ComboBox下拉框与数据库的绑定
2019-10-03 04:46:48实现效果如下: 1、设计窗体 ...2、连接数据库 DBHelper类代码: class DBHelper { /// <summary> /// 创建静态连接字符串 /// </summary> private static string c... -
jsp+java下拉框读取数据库数据
2021-01-19 19:03:15想要实现界面的一个小功能,下拉框读取数据库信息,显示在街面上,点击所选中的值,存储到数据库中。下面看下界面效果: 首先介绍下界面jsp代码的实现:*用户名称:javascrip实现$(function() {createSelect('... -
JS下拉框绑定(连接数据库)
2019-04-07 08:10:19JS下拉框绑定(连接数据库) 开发工具和关键技术:Visual Studio 2015,ASP.NET MVC 作者 撰写时间:2019年3月9日 这一期来说下连接数据库的下拉框绑定,话不多说,直接看代码吧。 1、 首先要打开我们的项目... -
php下拉框数据库数据
2021-03-24 13:01:14先看下效果大类: 小类:实现的效果就是当选择大类时,小类下拉框里的选项内容也随着改变。实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端... -
对绑定的下拉列表Dropdownlist,可以进行搜索
2019-05-02 22:58:50可以对下拉列表进行搜索,特别是下拉列表(大量数据) -
form表单中的下拉框select与数据库交互数据
2021-02-14 21:52:131、下拉框通过数据库生成选择项(JSP) 2、通过form上传select选中的值 主要目的还是为了我自己以后用到的时候方便查看和回顾。写的不好的地方,欢迎留言。 1、下拉框通过数据库生成选择项(JSP) 直接上代码 <... -
下拉框输入搜索提示案例.rar,一款很好用的可以连接后台数据库,显示的下拉框
2019-08-16 08:46:39很简洁好用,首字母提示功能,还有历史记录功能,实在是居家旅行,防盗必备! -
C# VS2015一个ComboBOX(下拉框)绑定数据库(SQL)某一列
2017-11-04 16:19:58namespace 一个ComboBOX(下拉框)绑定数据库(SQL)某一列 { public partial class Form2 : Form { public Form2() { InitializeComponent(); } private void Form2_Load(object sender... -
PHP下拉框的值怎么存入数据库?
2021-03-22 20:41:59mysqli_connect_error() or die("连接失败!"); mysqli_query($conn,'SET NAME UTF8'); $sql = "insert into `online_user`(user_name,user_psd,product_type) values('{$user_name}', '{$user_psd}','{$product_... -
jQuery easyui 绑定下拉框控件 从数据库获取数据 MVC controller传值过去
2021-08-06 09:35:29这是在做OA系统的时候,需要用到的一个小功能,比较通用的,因为本人也是才接触easyui不久,希望有错的地方大家指出来,谢谢//界面 用的easyui-combobox服务合同编号://js$(function(){//转到后台,查询出数据,将... -
请问python的pyqt5中combox控件下拉菜单怎么自动读取sqlite数据库中的数据并显示呢?
2022-04-25 18:16:49sqlite数据库里面只有一张表,表中只有一列数据,我想让这一列数据显示在combox的下拉列表里面。 因为我设计的是一个可视化界面,而且数据库中的信息是随时可以改变的,动态的那种。 所以我需要实现的是点击combox的... -
ASP.NET_数据库数据显示在下拉框(DropDownList控件)
2018-07-07 14:16:59//连接数据库 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { GetDropLost(); } } //定义一个方法读取 数据库中的表 void GetDropLost() { sqlConn.Open(); ... -
实现antd下拉框动态添加内容(与数据库交互)
2020-12-20 08:00:42antd下拉控件的动态内容添加(与数据库交互)antd这个框架给开发带来了极大的方便,但同时,我认为还有一些不方便的地方:常用的逻辑在文档中没有体现。需要前端开发经验的人才能快速上手,而我刚刚接触这个东西,antd... -
jsp中实现利用数据库中的数据动态拼接select的option
2021-06-13 03:07:08主要效果如下图: 这四个选项是数据库中的数据 当选中指定学期后,能够动态的加载第二个下拉框的内容,也就是当前学期开设的课程第一个下拉中比需抖接朋功要朋插框具体实现这是第一如分算需上来处一定迹面数一跳这件... -
asp.net mvc 下拉框级联
2021-12-16 22:01:18给自己需要级联的控制器添加 要级联的下拉框获取 #region//获取宿舍楼 [HttpPost] public ActionResult Drom(string id) { object obj=getDrom(id); return Json(obj); } //获取宿舍楼 public List&... -
怎样用Visual Studio 2019连接 Mysql数据库,并编写简单的ASP.Net(详细讲解)
2021-05-19 16:36:15怎样用Visual Studio 2019连接 Mysql数据库,并编写简单的ASP.Net(详细讲解) 1.第一步要先下载Visual Studio 2019 下载链接Visual Studio 2019 IDE - 适用于 Windows 的编程软件 (microsoft.com) 下载Mysql...
收藏数
14,967
精华内容
5,986