-
我想用JAVA语句来实现一个表格下拉框,代码怎么写??
2009-06-22 10:53:53我想实现这样的一个功能,如图 [img]/upload/attachment/117476/47bf73af-3d25-3039-a53c-d86b226591f2.jpg[/img] 代码应该怎么写???? 重酬!!!谢谢 -
代码总结:下拉框怎么根据参数值动态选定
2018-09-11 14:19:42这时应该从数据库取出该用户需要显示在页面的字段,封装成User对象,前台据此给相关标签写上默认值(此时如果加reset按钮,它就不是重置了,而是给资料页恢复默认设置),但是下拉框的值怎么绑定后台传过来的相应...- 需求:通常用户修改资料页面会加载它现有的值,这时应该从数据库取出该用户需要显示在页面的字段,封装成User对象,前台据此给相关标签写上默认值(此时如果加reset按钮,它就不是重置了,而是给资料页恢复默认设置),但是下拉框的值怎么绑定后台传过来的相应数据呢?
- 演示:get传参,动态选中
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>下拉框怎么动态绑定selected</title> <script type="text/javascript" src="jquery/jquery-1.12.4.js"></script></head> <script> $(function(){ $("option").each(function(i,op){ if($(op).val() == $("#city").attr("data")) op.selected = true; }); }); </script> <body> <div><input type="text" placeholder="账户" value="${param.user }"/></div> <div><input type="password" placeholder="密码" value="${param.pwd }"/></div> <select id="city" data="${param.city }"> <option>==选择城市==</option> <option value="bj">北京</option> <option value="sh">上海</option> <option value="gz">广州</option> <option value="sz">深圳</option> </select> </body> </html>
-
下拉框怎么绑定数据
2019-06-10 09:42:37大家平时对下拉框并不陌生吧,平时我们的收索某些东西都有下拉框的存在,我们平时在淘宝啊,一些界面的登录和对一些条件...写上主要的页面搭建代码 ----请选择---- 可能有人会想多些几个< option >,< sel...大家平时对下拉框并不陌生吧,平时我们的收索某些东西都有下拉框的存在,我们平时在淘宝啊,一些界面的登录和对一些条件的筛选,还有一些表格数据的显示都用到这个下拉框,它被使用的很频繁,那么问题来了,那些下拉框显示的数据从那里来呢?现在然我们开始吧
首选用MVC创建一个控制器添加视图
写上主要的页面搭建代码
----请选择----可能有人会想多些几个< option >,< select >里面的下拉框内容不就出来了吗,我们现在做的是吧数据库里面的数据绑定到这个下拉框里面,而不是这种
搭建好之后我们就去控制器那里写查询代码了
首先要导入数据库这里就不详细教了,不会的可以去查一下怎么导入
然后要在get下面实例化你导入的那个数据库, myModel自定义的名字, ExerciseEntities 你导入数据库的名字
public ActionResult SelectHappyType()
{
var listHappyType = from tbHobbyType in myModel.Exercise
select new
{
id =
tbHobbyType.ExerciseID,text
= tbHobbyType.ExerciseName};
return Json(listHappyType,
JsonRequestBehavior.AllowGet);}
var listHappyType = from tbHobbyType in myModel.Exercise
from从哪里查你的数据
select new里面就是你要查询的内容
return Json(listHappyType,
JsonRequestBehavior.AllowGet);这个里面的listHappyType就是你要返回的内容查询好了之后我们在转到视图这边写它的代码
现在开始绑定它的数据
$(function () {
var layer, layuiTable;//保存layui模块以便全局使用
appendOption(“sltHobby”, “SelectHappyType”);
//模态窗体中的学院下拉框
})
首先加载你的插件,然后写下面的事件
function appendOption(id,
url) {$.getJSON(url,
function (data) {$("#" + id).empty(); // 清空
$("#" + id).append(’----请选择----’);
$.each(data,
function (i) {var str = ‘’ + data[i].text + ‘’;
$("#" + id).append(str);
});
});
}
appendOption就是绑定数据的JS方法,然后发别传入ID和URL,URL就是你在控制器里面写的方法,完成之后就可以启动,结果就出来了
效果图附上
数据库的数据
-
(下拉框系列4)通过学习下拉框系列,自己写的下拉框
2014-12-15 19:28:09这几天在做项目时,遇到在添加页面用做的下拉框,在修改页面不知道怎么调用形成下拉框。所以查了百度,找到以上方法,整合了一下,根据自己的情况,试着写了一下,代码中的INFORMATION是model类。 因为楼主用的...这几天在做项目时,遇到在添加页面用<select>做的下拉框,在修改页面不知道怎么调用形成下拉框。所以查了百度,找到以上方法,整合了一下,根据自己的情况,试着写了一下,代码中的INFORMATION是model类。
因为楼主用的数据库优先,所以是在Controller中定义的类。
Controller代码为:
Controller中的添加代码:public class SelectInfo { public static List<SelectListItem> GetSelectList() { List<SelectListItem> selectList = new List<SelectListItem>(){ new SelectListItem(){Value="Enable",Text="启用"}, new SelectListItem(){Value="Disable",Text="禁用"} }; return selectList; } }
View中的添加页面:public ActionResult Add() { ViewBag.Options = SelectInfo.GetSelectList(); return View(); } [HttpPost] public ActionResult Add(FormCollection from) { string time = System.DateTime.Now.ToString(); INFORMATION addToInfo = new INFORMATION(); addTo.TITLE = from["information_title"]; addTo.CONTENT = from["information_content"]; addTo.USER_NAME = Session["username"].ToString(); addTo.UP = DateTime.Parse(time); addTo.TYPE = from["type"]; db.LRS_INFO_MGT.Add(addToInfo); db.SaveChanges(); return Content("<script>alert('添加成功。');window.location.href='/Information/InfoIndex'</script>"); } }
<td width="10%"><p align="right">是否启用:</td> <td colspan="3"><p align="left"> @Html.DropDownListFor(model=>model.TYPE,ViewBag.Options as IEnumerable<SelectListItem>) @Html.ValidationMessageFor(model=>model.TYPE) </td> </tr>
Controller中的修改代码:</pre><p><pre name="code" class="csharp">public ActionResult Edit(decimal id) { INFORMATION info = (from a in db.INFORMATION where a.INFORMATION_ID == id select a).FirstOrDefault(); if (info == null) { return HttpNotFound(); } ViewBag.Options = SelectInfo.GetSelectList(); return View(info); } [HttpPost] public ActionResult Edit(INGORMATION info) { if (!ModelState.IsValid) { return View(); } else { db.Entry(info).State = EntityState.Modified; db.SaveChanges(); return Content("<script>alert('修改成功。');window.location.href='/Information/InfoIndex'</script>"); } }
View中的修改页面:
<td width="10%"><p align="right">是否启用:</td> <td colspan="3"><p align="left"> @Html.DropDownListFor(model=>model.TYPE,ViewBag.Options as IEnumerable<SelectListItem>) @Html.ValidationMessageFor(model => model.TYPE) </td> </tr>
做完以上之后,就能实现:下拉框(启用、禁用),当你在添加页面添加时,若选择了”禁用“;修改页面就能显示“禁用”。
提示:若在添加页面,不能用强类型。那么就用<select>标签,例如:
这样只要把value的值对应好,修改也不会出错。<div class="font4 float-l name"><span style="font-family: Arial, Helvetica, sans-serif;">是否启用</span><span style="font-family: Arial, Helvetica, sans-serif;">:</span> <select name="type" > <option value="Enable">启用</option> <option value="Disable">禁用</option> </select> </div>
-
选下拉框的的值对应上传相应的图片_Javascript中,当点击下拉菜单中的value值时,显示对应的图片的代码怎么...
2020-12-22 13:17:28我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想知道图片多的时候该怎么做。我写的如下://加载...我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想...我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想知道图片多的时候该怎么做。我写的如下://加载...
我只写出来了只有少数图片才可以用的,但如果图片多了我写的那种就很麻烦了,我想知道图片多的时候该怎么做。我写的如下:
//加载时先隐藏图片
function Load(){
document.getElementById("divImg1").style.display="none";
document.getElementById("divImg2").style.display="none";
document.getElementById("divImg3").style.display="none";
document.getElementById("divImg4").style.display="none";
}
//显示图片的函数
function changePic(){
var name=document.form.Name.value;
var pic1=document.getElementById("divImg1");
var pic2=document.getElementById("divImg2");
var pic3=document.getElementById("divImg3");
var pic4=document.getElementById("divImg4");
if(name=="我......"){
pic1.style.display="block";
pic2.style.display="none";
pic3.style.display="none";
pic4.style.display="none";
}
else if(name=="你......"){
pic1.style.display="none";
pic2.style.display="block";
pic3.style.display="none";
pic4.style.display="none";
}
else if(name=="她......"){
pic1.style.display="none";
pic2.style.display="none";
pic3.style.display="block";
pic4.style.display="none";
}
else if(name=="他......"){
pic1.style.display="none";
pic2.style.display="none";
pic3.style.display="none";
pic4.style.display="block";
}
else{
pic1.style.display="none";
pic2.style.display="none";
pic3.style.display="none";
pic4.style.display="none";
}
}
精美人物图片选择 你要选择一张图片喔 --选择人物
我......
你......
她......
他......
展开
-
自增下拉框如何 怎么对齐 增加到10 由于多一位对不齐
2015-08-04 01:13:38!... ``` ... '<td>'+(count+1)+ ... '<option value="" selected="selected" > <fmt:message key="approvalFlowSetApplication.choose"/></option>'+ ... +'(count)+' src=... 请各位 大神帮帮忙 代码怎么写 -
怎么查询主表的外键值、mybatis代码怎么写
2015-09-08 09:46:30tproductdetail中的SPEC1ID(外键)值对应的是tspc的主键ID值,tproductdetail中的SPEC2ID(外键)值对应的是tspc的主键ID值,现在我想在jsp页面中的下拉框中查出tproductdetail的外键值,mybatis查询代码怎么写?... -
下拉框和多选项怎么保存
2020-06-21 23:11:34对于公用的下拉框字段的话,可以在数据库中创建表,然后进行关联查询或者子查询,也可以使用枚举类的方式,在数据库表中保存Integer或者Long类型的整数,但是相比较而言,在数据库创建表的话,代码量少,只需要在XML... -
element 下拉框联动_vue项目用element-ui的select获取联动数据怎么写?
2020-12-22 11:28:21业务场景是这样,选择付款项关联材料:接口返回的数据是这样的,怎么选择items中的name后,把此条数据的item放在材料选项里:这是弹框代码:取 消确 定确 定这是获取接口函数,typesContractData是付款项的数组,... -
前端script怎么简写下拉框页面
2019-12-12 22:13:29前端script怎么简写下拉框页面 ``` $(document).ready(function(){ if (location.href.indexOf("aaa.html") > 0){ $('#aaa').parent('ul').removeClasee(...); # 重复1 $('#aaa').parent('ul').... -
怎么样给下拉框加载背景色
2019-10-01 12:24:29选择自 PPLUNCLE 的 Blog 部分代码:------aspx页面:<tr><td><select id=“job“ name=“job“ runat=...说明:下拉框必须写成上面的形式,用<asp:dropdownlist....>不能实现------cs页面:us... -
python+selenium,下拉框里的值是通过调用接口动态加载的,请问怎么定位下拉框里的元素呢?
2021-02-05 09:25:46而且下拉框里的值也不是写死在代码里的,这种情况应该怎么去定位并选中下拉框里的值呢?? <p><img alt="" height="668" src=... -
下拉框多选框_「按键问答1」脚本执行完取消多选框勾选怎么写?
2021-01-12 23:31:00本期问题如下图:解答:首先说在脚本运行中没有哪个命令是直接控制这个的,那么就要考虑别的方式。界面所有的配置内容都是存放在固定文件中的。这个要分两种情况:(1)调试时:...下面已调试为例,代码如下:Dim 路径... -
jsp mysql下拉框联动_jsp页面怎么实现下拉框联动....
2021-01-19 23:26:04展开全部两种方案一个是用JavaScript,一次性将两个select的数据e68a84e8a2ad...需编写对应的javascript代码,且无法反映实时数据第二种方案是每次都提交,进行联动,优点,能反映数据库实时数据信息,无须写... -
vue-element怎么给select下拉框赋值?
2020-10-10 13:30:32看文档真的是一件非常快乐的事情,看别人写的代码,再跟自己写的代码一对比,立刻会发现有很多不同的地方,也可以学到很多新技能,从最简单的阅读学习起来,今天看的是select下拉框相关的。 资料相关 星星指数:star... -
怎么实现点击空白处,使模拟下拉框消失?
2014-09-05 11:06:11我看了 kissygallery 的组件,有一个模拟下拉菜单的 [url]http://gallery.kissyui.com/simulate-select/1.0/demo/index.html[/url],这是它的 demo。它可以实现点击空白处,使下拉框消失。...代码应该怎么写呢? -
MVC 实现下拉框
2018-08-16 17:41:00MVC动态实现下拉框的方式有很多种,但是...1.先看看视图代码是怎么写的 <div class="form-group col-xs-12 col-sm-8 col-md-8"> <label class="control-label">这是一个下拉框:</label> @Ht... -
js自定义年份下拉列表怎么操作_js 自定义的联动下拉框
2020-12-24 13:02:30之前弄了个觉得这个下拉框已经稍微能满足美观需求了,这个是点出来的效果,写了键盘的方向键,回车,esc等 事件, 并且能根据页面的底部距离判断是否向上展示今天弄了个联动的,顺便贴部分代码效果预览:以下代码... -
js 根据下拉框选项随机生成代号(希望给个完整代码)
2013-02-20 15:44:49比如下面:(我想根据下拉框的选项自动生成代码(2个字母和4个数字的结合),应该怎么写js) 代号:<input type="text" id="text1" name="text1"><br> 类别: 水果">水果 电器">电器 ... -
怎么样给下拉框加载背景色..
2004-06-24 14:34:00效果图如下 部分代码:------aspx页面: 说明:下拉框必须写成上面的形式,用不能实现------cs页面:using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Data.... -
下拉一次后下拉框变灰问题不能再更改了怎么做
2016-03-18 07:37:20我想第一次选择之后,以后就不能再更改了,也就是下拉框只能选择一次,这个用js怎么实现,具体写下代码,谢谢 渠道选择 <option value="app" >APP 网站 纸媒 杂志 ... -
微信小程序下拉框搜索功能的实现方法
2020-12-08 17:33:25考虑到每个人用的时候用的对象数组结构不同我预留了两个字段,做自定义(可不写),怎么样是不是很强大。 actualvalue:下拉框实际值, showvalue:下拉框显示值 代码我发布到github了代码地址:... -
QTP中用写代码的方式拉框里的值怎么选定
2017-09-04 10:54:47QTP中用写代码的方式拉框里的值怎么选定,系统里有个鼠标放上去就出现下拉框的功能,怎样选定下拉框里的一个选项,点击跳到对应的页面 -
【已解决】下拉框的多级联动,怎么发送消息(两级以上的联动)
2017-05-14 13:44:39重复周期内容变化了,作出对应代码改变,然后传递消息给下一个重复时间的事件……这样依次传递依次修改,而不是做在同一个事件里面,应该怎么写代码? 可我就是做不到…… 求助: `// DATADlg.cpp : 实现文件 ... -
自己写的一个Ajax连动下拉框组
2006-04-05 14:14:00代码就真的不怎么样,看了都不太爽,之后再改掉.转贴请注明原著,谢谢.ajax比较省系统资源.因为这样总比反复的DB request好得多.先顶着了.本来这个还有个和web-service,但出于个人原因,就只放出读取XML的例子xml 部分:...
-
UE4吃鸡模拟器FPS逆向安全开发
-
ASHRAE 2011 Liquid Cooling Whitepaper.pdf
-
计算机网络复习(第一天)
-
FastDFS 分布式文件系统部署
-
P1005 [NOIP2007 提高组] 矩阵取数游戏(区间dp+__int128)
-
物联网之mqtt实现(emqx+springboot+mqtt附源码)
-
JMETER 性能测试基础课程
-
常用的分布式事务解决方案
-
JavaWeb之JavaBean
-
做菜 : 玉米排骨汤
-
Jsplumb从入门到实战
-
APPKIT打造稳定、灵活、高效的运营配置平台
-
【Python-随到随学】FLask第二周
-
用于文档聚类的半监督概念分解
-
【布道者】Linux极速入门
-
使用dockerfile-maven-plugin将java项目打包并推送到阿里云私服
-
快速过度到程序员工作的个人总结
-
通过新颖的二元君主蝶优化算法解决0-1背包问题
-
CentOS7 安装redis6
-
大数据多维分析引擎在魅族的实践