精华内容
下载资源
问答
  • select标签

    2019-10-05 00:39:54
    select标签 select 可以创建单选或多选菜单。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body&...

    select标签

    select 可以创建单选或多选菜单。

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
        <body>
            <!--select 和option标签连用 类似于ul li
                注意:name是加在select身上 value是加在option身上
                size表示可见选项的条数
                multiple 表示可以按住ctrl多选
            -->
            <select name="city" size="2" multiple>
                <!--这里加在value=id 发送数据的时候 发送的就是id-->
                <option value="id">书籍</option>
                <!--这里加在value="" 发送数据的时候就会发送的就是一个空的东西去-->
                <option value="">作者</option>
                <!--不写vluae 默认发送的就是option内部的东西-->
                <option >出版社</option>
                
            </select>
        </body>
    </html>

     

    转载于:https://www.cnblogs.com/HUIWANG/p/11028019.html

    展开全文
  • select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <...
  • bootstrap select 标签

    2016-10-31 10:03:09
    bootstrap select 标签实现
  • select标签边框的颜色select标签边框的颜色
  • select 标签重置

    千次阅读 2017-11-08 14:58:25
    select标签重置

    select标签重置

    $("#mySelect option:first").prop("selected", 'selected')。
    展开全文
  • jsp自定义标签之select标签前言标签详解尾言 前言 上篇博文已经给大家介绍过自定义标签的开发步骤和优点,这篇博文主要给大家介绍一下数据标签select 这是之前开发的标签 标签详解 首先要了解select标签的内容: &...

    jsp自定义标签之select标签

    前言

    上篇博文已经给大家介绍过自定义标签的开发步骤和优点,这篇博文主要给大家介绍一下数据标签select

    这是之前开发的标签

    标签详解

    首先要了解select标签的内容:

    <select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>
    

    这里可以看到,select标签的原始标签的代码是比较多的,我们可以自定义一个select标签使用

    1. 首先就是标签助手类:
    package com.xiaoyang;
    
    import java.io.IOException;
    import java.lang.reflect.InvocationTargetException;
    import java.util.List;
    
    import javax.servlet.jsp.JspException;
    import javax.servlet.jsp.JspWriter;
    import javax.servlet.jsp.tagext.BodyTagSupport;
    
    import org.apache.commons.beanutils.BeanUtils;
    
    public class SelectTag extends BodyTagSupport {
    
    	private String headValue = "-1";// 头value
    	private String headText = "---请选择---";// 头文本
    
    	private String valueProperty;// java对象的属性名
    	private String textProperty;// java对象的属性名
    	private List<Object> items;// 数据源
    	private String select;// 判断默认选中的id
    
    	public String getHeadValue() {
    		return headValue;
    	}
    
    	public void setHeadValue(String headValue) {
    		this.headValue = headValue;
    	}
    
    	public String getHeadText() {
    		return headText;
    	}
    
    	public void setHeadText(String headText) {
    		this.headText = headText;
    	}
    
    	public String getValueProperty() {
    		return valueProperty;
    	}
    
    	public void setValueProperty(String valueProperty) {
    		this.valueProperty = valueProperty;
    	}
    
    	public String getTextProperty() {
    		return textProperty;
    	}
    
    	public void setTextProperty(String textProperty) {
    		this.textProperty = textProperty;
    	}
    
    	public List<Object> getItems() {
    		return items;
    	}
    
    	public void setItems(List<Object> items) {
    		this.items = items;
    	}
    
    	public String getSelect() {
    		return select;
    	}
    
    	public void setSelect(String select) {
    		this.select = select;
    	}
    
    	@Override
    	public int doStartTag() throws JspException {
    		JspWriter out = pageContext.getOut();
    		try {
    			out.print(toHtml());
    		} catch (IOException | IllegalAccessException | InvocationTargetException | NoSuchMethodException e) {
    			// TODO Auto-generated catch block
    			e.printStackTrace();
    		}
    		return super.doStartTag();
    	}
    
    	public String toHtml() throws IllegalAccessException, InvocationTargetException, NoSuchMethodException {
    		// 利用stringbuffer拼接标签
    		StringBuffer sb = new StringBuffer();
    		sb.append("<select>");
    		sb.append("<option value='" + this.headValue + "'>" + this.headText + "</option>");
    		if (items != null && items.size() > 0) {
    			for (Object object : items) {
    				// 利用反射获取到页面传过来的属性名对应的属性值
    				String deptId = BeanUtils.getProperty(object, valueProperty);
    				String deptName = BeanUtils.getProperty(object, textProperty);
    				if (deptId.equals(select)) {
    					sb.append("<option selected value='" + deptId + "'>" + deptName + "</option>");
    				}else {
    					sb.append("<option value='" + deptId + "'>" + deptName + "</option>");
    				}
    			}
    		}
    		sb.append("</select>");
    		return sb.toString();
    	}
    }
    
    
    1. 然后是tld文件配置:
    	<tag>
    		<name>select</name>
    		<tag-class>com.xiaoyang.SelectTag</tag-class>
    		<body-content>JSP</body-content>
    		<attribute>
    			<name>headValue</name>
    			<required>true</required>
    			<rtexprvalue>false</rtexprvalue>
    		</attribute>
    		<attribute>
    			<name>headText</name>
    			<required>true</required>
    			<rtexprvalue>false</rtexprvalue>
    		</attribute>
    		<attribute>
    			<name>valueProperty</name>
    			<required>true</required>
    			<rtexprvalue>false</rtexprvalue>
    		</attribute>
    		<attribute>
    			<name>textProperty</name>
    			<required>true</required>
    			<rtexprvalue>false</rtexprvalue>
    		</attribute>
    		<attribute>
    			<name>items</name>
    			<required>true</required>
    			<rtexprvalue>true</rtexprvalue>
    		</attribute>
    			<attribute>
    			<name>select</name>
    			<required>true</required>
    			<rtexprvalue>false</rtexprvalue>
    		</attribute>
    	</tag>
    
    

    3.最后就是页面引用了:
    这里由于是select标签,我用到了一个实体类去绑定数据到下拉框,所以在页面应用时:

    List<Dept> deptLs = new ArrayList<Dept>();
    	Dept d = new Dept("1", "aaa");
    	Dept d1 = new Dept("2", "bbb");
    	Dept d2 = new Dept("3", "ccc");
    	deptLs.add(d);
    	deptLs.add(d1);
    	deptLs.add(d2);
    	request.setAttribute("Dept", deptLs);
    
    <x:select select="1" items="${Dept }" headValue="-1" valueProperty="deptId" textProperty="deptName" headText="---请选择----"></x:select>
    
    

    最后的到结果:
    在这里插入图片描述

    尾言

    开发自定义标签的目的就是给我们带来更方便的操作,减少多余的代码,今天就到这了,溜了溜了…

    展开全文
  • select标签及其标签元素

    千次阅读 2017-09-22 12:25:23
    select标签 特点(区别于其他同父元素下的标签) 作用(他的特点注定了他的作用) 使用场景(工程项目) 怎么样使用(需要容纳在那个标签下、需要配合哪些标签使用) 解答 select是属于表单元素还是表格元素? 创建下拉列表 ...

    select标签

    • 特点(区别于其他同父元素下的标签)
    • 作用(他的特点注定了他的作用)
    • 使用场景(工程项目)
    • 怎么样使用(需要容纳在那个标签下、需要配合哪些标签使用)

    解答

    • select是属于表单元素还是表格元素?
    • 创建下拉列表
    • 扩展:select和ul/li有什么异同?和table呢?
    • 注册账号时选择所在地,包括生日
    • 扩展:现在html5中已经能够使用data来实现日期选择了
    • 使用方法和datalist大同小异
    • 扩展:使用select的时候是不能实现输入的,如果既想要实现输入又想要实现选择呢?
    • 默认选项的属性能实现什么有趣的东西吗?
    • 数据比较复杂的时候如何对数据进行分类?
    • 要”自然而然地联想到”某个标签元素\属性需要什么条件?

    解答扩展

    • 说是下拉列表,select的作用不是展示,而是服务器后台与用户之间的互动,本质上还是用户要提交一个数据,只不过相比起input标签,更加注重用户体验而已
    • 往往是多个select标签一起使用的,国家-城市-地区,我们可以获取到用户的IP会把参数赋予相应的option标签,然后实现默认选中国家
    • 这个实际上涉及到”自学的人要怎么样校验自己学习的成果”这个问题,如果你要求的校验方式是看到某一个标签就能回答上关于这个标签的一切学习过的内容,包括细节,这是不容易的,远比你做一套题或者说回答你预设的那4个问题要难
    • 在大学上高数的时候,老师总是会强调自然的解题思路,是否每一个问题,比如”看到这个标签就能想起所有细节”,都有自然的解题思路?
    • 你不得不承认,有些东西需要长时间的积累

    optgroup标签

    • 特点(区别于其他同父元素下的标签)
    • 作用(他的特点注定了他的作用)
    • 使用场景(工程项目)
    • 怎么样使用(需要容纳在那个标签下、需要配合哪些标签使用)

    解答

    • 都是放置在select标签下
    • 用以分组
    • 当select标签下的option标签数据过于复杂,我们需要对其进行分类的时候
    • 包裹在select标签中,用于包裹option标签
    • 如果不给optgroup设置一个label属性会如何显示?
    • 在html中不小心拼写错误怎么办?没有错误提示,比如optgroup不小心写成了optgourp

    解答扩展

    • 会空出一行

    思考

    • 你今天学了什么
    • 这是一个很令难回答的问题
    • 怎么样才能做到总结和回顾,都说总结和回顾能加深记忆,那么怎么样才能评估这段时间的学习效果?
    • 学习的过程中大概有2种接受新知识的方式:
    • 对比:就像上面学到的datalsit,之后学到seclect的时候就能很快地一带而过(这是好还是不好?)
    • 恍然大悟:经常接触网络的人往往会接触到各种前端界面,学到了某一个知识点,会有原来这个东西是这样实现的,或者,我接触到的和这个实现的效果有少许不同
    • 我致力于发现一种固定的模式,比如上面的特点-作用-使用场景-如何使用,遵循这个模式能够让我们在学习的过程更能从教导者的话中吸取到知识
    • 而不会有觉得自己学的时候很满足,过后遇到问题的时候显得无助
    • 所谓的”欢迎来到现实生活”就是意识到生活不如意十有八九,解决完必要的事情后还能够去坚持自己的梦想
    • 其实我大可预料到,所有事情都是有牺牲,妥协是大部分时候必须的,大部分时候你要比你想象的更加妥协,如何面对这部分超出范围之外的
    • 有时候我避开是因为我预料到,如果贸然地进入,很多事情都会超出我的意料之外,很有可能我的想法会被改变,事情会走向时空,所以宁愿停留在心理的安全区——去逛论坛、视频网站,我知道这些东西不会影响到我,虽然会浪费我的时间
    • 我为什么会点进一个帖子\问题,因为它和我们有关”所有人都在追的”,或者它能够勾起我们的某种情绪体验:”好看”、”让你热血沸腾的”
    • 什么是闭门造车?怎么样才能避免闭门造车?
    • 答案要先求诸自身,细化自己的感觉。
    • 自己有闭门造车过吗?自己是怎么理解闭门造车的?闭门造车给自己带来了哪些问题?
    • 为什么茅塞顿开、恍然大悟会带给自己快感?
    • 思考的倦怠与用餐过后的血液流向胃部有什么关系吗?是不是只是一个借口吗?
    • 感情的流向:闭门造车——民科——自己鄙视的人,这里其实每一条逻辑链都不见得是可实现的,只不过我们的情绪感知太快,最后思考的问题就默认这条逻辑链是现实的,然后开始去追寻:怎么样才能不闭门造车。
    • 事实上,从一开始就理清思路会更好:什么样的行为才叫闭门造车?
    • 发现自己可能把学习速度低下的原因全部归于闭门造车。
    • 知乎上、论坛上不断有人在推陈出新:报培训班——培训班就是个骗钱的地方、自学——你要死命看书,书籍才是大牛写的,才是基础,才是经典——看书太慢了,你要结合教学视频一起看——看书、看视频、看博客都是辣鸡,程序就是要手写实操
    • 其实你只要写下来就会发现:其实可能并不矛盾,甚至有你在哪个阶段做哪些事情是最合适的这种做法。
    • 但是大家的观点都是”极端的、偏激的”,是不是因为这样子才容易让读者陷入一种情绪?情绪走的速度要远比思想要快
    • 解决方式:自己心里要有一把尺子,至少是自己的想法:他说的这种情况我有没有思考过,是否适合我?和我现在的做法对比起来有什么差异?
    • 知乎还有一个特点:有些问题会超出你的范围,有些回答也会超出你范围,这时候很容易有一种恍然大悟的感觉,这是很容易令人感到快乐的,看到了这些知识——学习到了——变得更好,这个逻辑链条未必没有问题,看到了这些知识就能学习到?学习到什么?甚至学习这些东西本身会不会让自己变得更好,所谓变得更好又是什么?
    • 情绪走得太快,要么少看,让情绪走得慢一点,要么警惕一些,当情绪泛滥的时候,意识到自己的理性,唤醒它,追上情绪的脚步
    展开全文
  • select标签用法

    2016-08-02 15:19:21
    select标签常用功能汇总
  • 前端页面select标签

    2020-09-03 18:11:04
    前端页面select标签 (1)前端页面的select标签disabled=“disabled”时不能向后台传送数据 (2)可以采取措施在提交的时候将disabled的属性去除 var data = $("#<%=divID %>edit2").find("select[name='...
  • select标签操作 select2使用详解 官网:https://select2.github.io/examples.html 引用: <link href="~/Scripts/select2/select2.css" rel="style...
  • 在jsp页面的时候,出现了一个这样的需求。有两个select标签,一个select标签数据变化,另外一个select标签随之变化。 jsp页面代码: <td><font color="red" style="margin-right:10px">*配送员: <select name="s
  • Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
  • select标签样式美化

    2020-08-12 15:51:42
    纯css清除select标签默认样式 select{ border: 0; appearance: none;/*清除select下拉框默认样式*/ -moz-appearance: none; -webkit-appearance: none; padding-right: 100/108rem; /* 为下拉小箭头留出...
  • 模拟展开select标签事件

    千次阅读 2016-05-26 22:34:20
    通过改变select标签的size属性,可以实现展开select标签的效果
  • 在uni-app中实现类似html的select标签功能。选中数据后,会在下面显示出所选的数据,点删除之后,对应的选中状态也清除
  • select 标签的回显

    2018-01-03 21:25:31
    使用struts2标签 只需要将s:select 标签提交时的name值与回显表单的name值设置相同,struts2的param拦截器会自动赋值给标签不使用struts2标签不使用struts2标签会相对麻烦一些,代码中select标签中的是具体应用,...
  • struts2标签之select标签

    2018-01-29 09:07:39
    1 struts2中的select标签为下拉列表标签。该标签的list属性可以写死也可以从后台得到。 如: 解释: name属性为标签的name值, list属性为该标签的列表。上述是写死:list="#{0:'男',1:'女'}",key为整形,...
  • 本文讲的是vue基于原生select标签实现的动态多级联动选择 基于element-ui的Select选择器实现的请看我的另外一篇文章vue基于element-ui的Select选择器实现的动态多级联动下拉选择 本文demo地址:...
  • select 标签的使用

    2015-09-21 16:40:48
    select 标签的使用
  • html中select标签

    2018-10-22 21:53:40
    导论:select标签总结,一直会完善 1)option子标签 1.1)option子标签中的title属性 当鼠标悬停在对应的option上时,会将对应的option标签的title内容显示出来。 注意:有时候,option内容太长,需要省略,获取...
  • layui动态赋值select标签

    千次阅读 2020-02-16 13:34:55
    在layui select标签中,请求接口里面的返回的json数据明明已经赋值给了select标签 但是无法显示。 因为在layui中所有的组件都是声明使用 ,你表面上看了是一个select类型的显示类型但是并不是。需要手动声明吧数据...
  • select标签设置readonly状态

    千次阅读 2019-05-13 14:41:09
    1.在html中,select标签里面没有readOnly这一...2.把select标签里面的设置为只读,只需要在标签里面加入: onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex = this.defaultIndex;" ...
  • html select标签用于创建单选或多选菜单,select元素是一种表单控件,可用于在表单中接受用户输入。html select标签怎么用?作用:创建单选或多选菜单。说明:<select&> 元素中的 <option> 标签用于...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,258
精华内容 5,703
关键字:

select标签