`
hanqunfeng
  • 浏览: 1545391 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于select option自定义标签的说明

    博客分类:
  • JAVA
阅读更多

我总是觉得在select的标签中拼option是不那么方便的事,所以我喜欢使用标签来做这件事,将所有的信息直接编写在jsp中,后台不需要增加代码,真的挺舒服的,在这里我不想说如何弄一个自定义标签,看看书相信不难搞明白的,我想说一下如何在自定义标签中获得select的真实值并默认显示这个值,ok,开始吧。

1.如果使用的是struts标签,方式如下:

import org.apache.struts.taglib.html.Constants;

import org.apache.struts.taglib.html.SelectTag;

import org.apache.commons.beanutils.BeanUtils;

在doEndTag()方法中加入如下代码,

SelectTag selectTag=(SelectTag)pageContext.getAttribute(Constants.SELECT_KEY);

接着,无论使用什么方式搞一个list出来

然后: if(selectTag.isMatched(BeanUtil.getProperty(list.get(i),"id")))

outStr.append(" selected");

很明显,和struts的select的标签的真实值进行匹配,如果匹配成功就默认选择。

2.如果使用的是spring标签,方式如下:

import org.apache.commons.beanutils.BeanUtils;
import org.springframework.web.servlet.support.BindStatus;

在doEndTag()方法中加入如下代码,

Object selectTagValue = null;

String value = null;

BindStatus bs = (BindStatus)pageContext.getAttribute("org.springframework.web.servlet.tags.form.SelectTag.listValue");
if(bs!=null){
selectTagValue = bs.getValue();
if(selectTagValue!=null) value = selectTagValue.toString();
}

然后也是同样搞一个list,和value进行比较就行了,

if(value!=null)
if(value.equals(BeanUtils.getProperty(list.get(i),"id")))
outStr.append(" selected");

3.如果是普通的html select标签,我暂时还没有找到可以通过标签本身获得其真实值的方法,不过既然是自定义标签,就可以自己来指定这个值,

比如在标签中加入一个value属性,代表真实值,然后和value进行比较就行了。

分享到:
评论

相关推荐

    自定义的select标签

    通过使用自定义标签,我们可以创建具有独立行为和外观的可重用组件,这使得代码更加模块化,易于维护和复用。 实现自定义标签通常涉及到以下步骤: 1. **定义元素**:使用`window.customElements.define()`方法来...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    标题"自定义带图标的select,只需把图标地址写在option的title属性中即可"揭示了这个插件的核心功能,即通过简单的配置就能实现带图标的下拉选项。 首先,让我们理解下拉框(`<select>`)的基本概念。在HTML中,`...

    option自定义属性的用处

    ### option自定义属性的作用及其应用 #### 一、引言 HTML 作为构建网页的基础语言之一,提供了多种标签用于创建动态且丰富的用户界面。其中 `<option>` 标签主要用于 `<select>` 下拉列表中,为用户提供一系列选项...

    JSP自定义标签(封装<select>标签)

    本教程将深入讲解如何封装一个自定义标签来实现一个动态生成的`&lt;select&gt;`标签,这个标签能够根据输入的SQL查询语句自动填充下拉选项。 首先,我们需要了解自定义标签的基本结构。在JSP中,自定义标签由两部分组成:...

    定制html的select标签样式

    本文将详细介绍如何通过自定义CSS和JavaScript来改变`&lt;select&gt;`标签的样式,打造更加个性化的下拉选择框。 首先,我们需要了解`&lt;select&gt;`的基本结构和其选项`&lt;option&gt;`。`&lt;select&gt;`标签内包含一系列`&lt;option&gt;`标签...

    select自定义下拉组合框

    首先,`select`元素的基本结构非常简单,通常包含一个`&lt;select&gt;`标签,里面嵌套若干个`&lt;option&gt;`标签,每个`&lt;option&gt;`代表一个可选项。例如: ```html &lt;select&gt; &lt;option value="option1"&gt;Option 1&lt;/option&gt; ...

    自定义标签的使用

    `options`标签是从特定数据集中加载下拉列表(select)信息的自定义标签。为了使用该标签,首先需要在Action层通过`request.setAttribute()`方法将标签所需的属性与具体的对象进行关联。 **构造Options对象**: 1....

    select自定义

    这个自定义`select`的实例旨在提供一种简单、快捷的方式来定制下拉框的外观和功能,使其更符合个人或项目的特定需求。下面将详细介绍这个自定义`select`的实现方法及其相关知识点。 首先,`&lt;select&gt;`标签是HTML中...

    ui.select:自定义select标签

    接下来,对需要自定义的`&lt;select&gt;`标签添加"data-select"属性,例如: ```html &lt;select data-select&gt; &lt;option value="option1"&gt;Option 1&lt;/option&gt; &lt;option value="option2"&gt;Option 2&lt;/option&gt; ... &lt;/select&gt; ```...

    简单易用的自定义标签分页显示

    sb.append(" 跳转到:&lt;select name='goToPage' onchange='javascript:goPage(this.value)'&gt;"); for (int i = 1; i (); i++) { sb.append("&lt;option value=").append(i); if ( i == page.getCurrentPage()){ ...

    select标签边框的颜色select标签边框的颜色

    以上就是关于“select标签边框的颜色”这一主题的主要知识点。理解并熟练运用这些技巧,可以使你的网页设计更加个性化和专业。在实践中,记得不断测试和调试,以确保在各种环境下的表现都符合预期。

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    2. **数据绑定**:将`&lt;select&gt;`的`&lt;option&gt;`元素的文本和值映射到自定义元素的内部元素(如`&lt;span&gt;`),这样用户看到的选项就与原始`&lt;select&gt;`保持一致。 3. **事件处理**:监听自定义元素的点击事件,当用户点击...

    下拉框自定义标签

    在IT行业中,自定义标签是开发人员为了提高代码可读性、重用性和维护性而经常采用的一种技术。本文将围绕“下拉框自定义标签”这一主题进行深入探讨,结合给定的标签“源码”和“工具”,我们将讨论如何在实际项目中...

    Jsp自定义标签

    在Java服务器页面(JSP)开发中,自定义标签(Custom Tags)是一种强大的特性,它允许开发者创建可重用的代码段,以提高代码的可维护性和可读性。自定义标签可以看作是HTML标签的扩展,它们封装了特定的功能,使页面...

    CSS自定义select下拉选择框的样式(不用其他标签模拟)

    然而,浏览器默认的`&lt;select&gt;`样式通常不符合设计师的美观需求,因此,如何自定义select下拉选择框的样式成为了一个常见的挑战。本篇文章将深入探讨如何使用纯CSS实现这一目标。 首先,我们要明确一点:由于浏览器...

    jQuery自定义select下拉菜单

    1. **基础HTML结构**:创建一个包含`&lt;option&gt;`元素的`&lt;select&gt;`标签。每个`&lt;option&gt;`代表一个可选项目。例如: ```html &lt;select id="customSelect"&gt; &lt;option value="option1"&gt;选项1&lt;/option&gt; &lt;option value=...

    select下拉列表显示图片内容

    然而,传统的`&lt;select&gt;`标签并不支持直接在选项中显示图片,只支持纯文本内容。但随着现代Web技术的发展,我们可以通过一些技巧来实现`select`下拉框中显示图片和文本的复合内容。以下是一些关键知识点,用于在`...

    超好用的select标签-带api

    - `&lt;select&gt;`标签的基本结构:`&lt;select&gt;&lt;/select&gt;`,其中可以包含多个`&lt;option&gt;`标签来定义各个选项。 - `&lt;option&gt;`标签的属性:`value`定义选项的值,`text`为显示的文本,`selected`可设置默认选中的选项。 2. ...

    可手动输入的select

    1. HTML基础:介绍`&lt;select&gt;`和`&lt;option&gt;`标签的基本用法。 2. JavaScript基础:讲解如何使用JavaScript监听输入事件并动态更新下拉选项。 3. jQuery UI Autocomplete:如果博主使用了这个库,会介绍其基本用法和...

Global site tag (gtag.js) - Google Analytics