`

select和option标签

阅读更多


<html:select> 的属性:property-与ActionForm中的某个属性对应;size-显示option的数目;multiple-默认为fales,表示不能多选,当设定为true时,property对应的ActionForm的属性必须为数组。
<html:select property="name" size=6 multiple="true">
<html:option>的属性:key、local、bundle-指定Resource Bundle中的内容。
例如 <html:option value="color1">Orange</html:option>
<html:option value="color1" bundle="htmlselect.Colors" key="htmlselect.red"/>
它和配置文件中的<message-resources>元素的key属性匹配 --> <message-resource parmeter="HtmlSelectColors" key="htmlselect.Colors"/>
<message-resource>中配置的资源文件为HtmlSelectColors.properties,相关内容为 htmlselect.red=RED
<html:options>标签,提供了一组<option>元素,在<html:select>元素中可以包含多个<html:options>元素。非常灵活,可以取得集合或数组中的值。
例1 <html:options collection="coll" property="value" labelProperty="label" /> 这指在coll的集合中存放了options,value指实际能被提交的值,label是显示给用户的值。
例2 <html:options property="value" labelProperty="label" /> collection属性不被指定时,将使用表单相关的form bean,form bean中value属性存放option value,label属性值显示给用户。
例3 <html:options name="valueBean" property="values" labelName="labelsBean" labelProperty="labels" /> 这个意思是value值存放在名为valueBean的bean的vlaues属性中,它是一个collection;label值也是同样的意思。
<html:optionsCollection>标签,和<html:options>的用法很相似。
例如 <html:select property="custId"><html:optionsCollection property="customers" label="name" value="custId" /></html:select>
这个标签和org.apache.structs.util.LabelValueBean结合的很好,如果把label和value都放到这个对象中,可以很简单的这样应用:
<html:select property="custId"><html:optionsCollection property="customers" /></html:select>



分享到:
评论

相关推荐

    清空select标签中option选项的3种不同方式

    复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....

    4、Webdynpro入门之Select-Option【原创】

    总结来说,本文详细讲解了 Select-Option 在 Webdynpro 中的应用,包括如何新建组件、添加 Select-Option 组件、建立局部节点、设置 Table 控件的 ID、绑定节点、添加 Attributes 和使用 Methods 等内容。

    用jquery获取select标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

    Select去重并选中当前option.txt

    去除select当中重复的option并选中当前的option

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

    总结来说,这个基于jQuery的自定义下拉框JS插件通过将图标地址插入到`&lt;option&gt;`的`title`属性中,实现了带图标的下拉框,支持选项分组,使得原本单调的`&lt;select&gt;`元素变得更加生动和易用。对于任何希望提升网站或...

    select将选中的option设置为默认选项

    在网页开发中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`标签则定义了下拉列表中的选项。有时候,我们可能需要在页面加载时预设一个选项为默认选中状态,或者根据用户操作动态改变选中状态。在JavaScript中,这...

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

    然而,`&lt;select&gt;` 标签的默认样式可能并不符合所有设计需求,因此,调整其边框颜色常常是网页定制化过程中的一个环节。 ### 1. CSS 样式控制 HTML 元素的外观通常由 CSS(层叠样式表)来控制。对于 `&lt;select&gt;` ...

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

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

    jsp中htmlselect标签的用法

    以下是对`html:select`标签的详细解释和使用方法: ### 基本结构 `html:select`标签的基本结构如下: ```jsp &lt;html:select property="beanProperty"&gt; &lt;/html:select&gt; ``` - `property="beanProperty"`: 指定...

    js select option

    在JavaScript编程中,`select`元素和`option`标签是创建下拉列表的重要部分。`select`用于定义一个选择框,而`option`则用于在选择框中添加可选项。在网页交互中,用户通常会使用这样的下拉列表来从预设的选项中做出...

    struts操作select标签实例

    这里,`${form.options}`引用了ActionForm中的List,`var="option"`定义了循环变量,`value="${option}"`和`${option}`分别表示选项的值和文本。 另外,对于多选下拉框,可以使用`html:multibox`标签,它的用法与`...

    IE6中select标签的option不能disabled的解决方案

    在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个众所周知的兼容性问题:`&lt;select&gt;`标签内的`&lt;option&gt;`元素无法正确地应用`disabled`属性。这个问题使得开发者无法在IE6中实现禁用某些选项的功能,这对于...

    jquery实现 两个select之间option的转移操作

    在HTML中,多个`&lt;option&gt;`标签可以嵌套在`&lt;select&gt;`中,用户可以在这些选项中进行选择。 在jQuery中,我们可以方便地通过类选择器、ID选择器或其他选择器来获取或操作DOM元素。例如,如果我们有两个`&lt;select&gt;`元素...

    定制html的select标签样式

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

    超好用的select标签-带api

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

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    select标签multiple属性的使用方法.zip

    `&lt;select&gt;`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...

    option的value比较来确定select默认选中项

    在网页开发中,`&lt;select&gt;`元素用于创建下拉列表,而`&lt;option&gt;`标签则定义了下拉列表中的选项。当用户加载页面时,我们希望某个特定的选项被默认选中。这通常通过比较`&lt;option&gt;`标签的`value`属性与预先设定的值来...

    JS select标签复选

    然而,标准的 `&lt;select&gt;` 标签默认只支持单选,但通过 JavaScript(JS) 和 jQuery(JQ) 的帮助,我们可以实现多选功能,即复选。这里将详细讲解如何实现 `JS select 标签复选`。 首先,我们需要一个基本的 HTML ...

Global site tag (gtag.js) - Google Analytics