<html:options>设置默认选中项

最新推荐文章于 2021-06-17 06:23:29 发布
原创 最新推荐文章于 2021-06-17 06:23:29 发布 · 1.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #Struts #Java #Apache #JSP

本文介绍如何在Struts2框架中通过ActionForm和Action设置默认的下拉选项值。首先定义ActionForm中的默认值，在Action中可以修改这个默认值，并设置下拉选项的集合。最后在JSP页面中使用Struts标签&lt;html:select&gt;和&lt;html:options&gt;显示这些选项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. struts标签<html:options>设定默认的选项

ActionForm 里：
java 代码
  1. private java.lang.String userid="admin"; //默认值   
  2.   
  3. Action里：   
  4.   
  5. form.setUsrid("guest");//修改默认值   
  6. //设置下拉选项   
  7. List rs = new java.util.ArrayList();   
  8. rs.add(new org.apache.struts.util.LabelValueBean("管理员",   
  9. "admin"));   
  10. rs.add(new org.apache.struts.util.LabelValueBean("客人","guest"));   
  11. request.getSession().setAttribute("userHtmlSelect",rs);   
  12. return mapping.findForward("index");   
jsp里:
< html:select property="userid">
< html:options collection="userHtmlSelect" property="value" labelProperty="label"/>
< /html:select>
注解：userid是Form对象的属性。
Struts中html:options的使用
12-21 1621
Struts中html:options的使用banq http://www.jdon.com Aug 25, 2003 11:19 AM 回复 html:options是Struts中比较复杂的一个tage lib，用法灵活，但是Sturts提供的源码exercise taglib中没有提出常用jsp+ActionForm这样形式的最直接的总结，现从中总结如下，分两种情况：数组和Coll
select下拉框option默认选中(php模板渲染)
dawuyou的博客
12-30 304
根据form表单提交的值，默认将select下拉框的option值选中： <label>是否推荐：</label><selectclass="input-text"name="is_recommend"> <optionvalue="0"<?phpif($is_recommend=="0"){echo"selected";}?>>不限</option> <optionvalue="1"...
html:options
爱.NET
07-25 173
&lt;html:options collection="nameList" labelProperty="name" property="code"/&gt;nameList：集合labelProperty：option显示名称code：option的value
html:options标签与html:optionCollectoin标签
ppflying的专栏
12-17 847
标签与标签都用来生成一组HTML的元素（代表一组可选项），被嵌套在标签中。 1 标签    属性 collection 指定存放一组可选项的集合              labelProperty 可选项的标签文本值              property        可选项的实际值   cityList是存放在request中的集合, cid,cn
struts标签<html:options>设定默认的选项
jysh0922的专栏
11-19 548
ActionForm 里： java 代码 private java.lang.String userid="admin"; //默认值       Action里：       form.setUsrid("guest");//修改默认值    //设置下拉选项    List rs = new java.util.Arr...
<div id='content' class='content'> <form action="/setMode" method="POST"> <h2>Current mode</h2> <p>mode: </p> <h2>Set Mode</h2> <p> mode: <select id="mode" name="mode"> <option value="HID">HID</option> <option value="ETH">ETH</option> <option value="WIFI">WIFI</option> </select> </p> <button type="submit">Save</button> </form> </div>怎么修改为选中WIFI选项
06-13
在 HTML 和 JavaScript 中，可以通过多种方式确保 `<select>` 元素的默认选中值为 "WIFI"。以下是几种实现方法： #### 方法一：直接在 HTML 中设置 `selected` 属性 通过在 `<option>` 标签中添加 `selected` 属性...
<template> <view style="width: 95%; margin: 0px auto;"> <view style="width: 100%; height: 4rem;"></view> <view style="color: #dddddd;"> 文字风格 </view> <view style="width: 100%; height: 20rpx;"></view> <view style="position: relative;"> <textarea style="background-color: #22252E; color: #ccc; padding: 20rpx;width: 95%; margin: 0px auto; border-radius: 15px;" v-model="value2" placeholder="请输入内容"></textarea> <view style="background-color: #2C313B; color: #fff; border-radius: 3px; position: absolute; bottom: 0px; left: 0px; padding: 20rpx; font-size: 24rpx;"> <view> 🔥 最近最热 </view> </view> </view> <view> <view style="width: 100%; height: 1rem;"></view> <view style="color: #dddddd;"> 清晰度 </view> <view style="width: 100%; height: 20rpx;"></view> <view style="width:100%; margin: 0px auto; display: flex;flex-direction: row;gap: 10px; text-align: center;"> <view style="width: 50%; background-color: #22252E;border-radius: 5px; color: #fff;"> <view style="padding: 20rpx;"> <view>标清</view> </view> </view> <view style="width: 50%; background-color: #22252E;border-radius: 5px; color: #fff;"> <view style="padding: 20rpx;"> <view>高清</view> </view> </view> </view> </view> <view> <view style="width: 100%; height: 1rem;"></view> <view style="color: #dddddd;"> 比例 </view> <view style="width: 100%; height: 20rpx;"></view> <view style=" width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px; text-align: center; "> <!-- 每项宽度23.5% (100%/4 - 间隙补偿) --> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>1:1</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>4:3</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>3:4</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>3:2</view> </view> </view> <!-- 第二行开始 --> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>2:3</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>9:16</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>16:9</view> </view> </view> </view> </view> <view> <view style="width: 100%; height: 1rem;"></view> <view style="color: #dddddd;"> 张数 </view> <view style="width: 100%; height: 20rpx;"></view> <view style=" width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 10px; text-align: center; "> <!-- 每项宽度23.5% (100%/4 - 间隙补偿) --> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>1张</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>2张</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>3张</view> </view> </view> <view style="width:22%; background-color:#22252E; border-radius:5px; color:#fff;"> <view style="padding:20rpx;"> <view>4张</view> </view> </view> </view> </view> <view style="margin: 100rpx auto;"> <view style="padding: 10rpx;"> <text style="font-size: 24rpx; color: #a8a8a8;">(3次免费/正常消耗1.5元一张)</text> </view> <view @click="generateImmediately" style="background-color: #5041F5; padding: 20rpx; border-radius: 5px; color: #FFF;text-align: center; width: 95%; margin: 0px auto;"> 立即生成</view> </view> </view> </template> <script> export default { data() { return { value2: '' } }, methods: { generateImmediately() { console.log("--- 文字风格值 ---", this.value2); } } } </script> <style> page { background-color: #171A21; } </style> 我这里 张数 、 比例 、 清晰度 可以点击选中 就是我点击然后就会有边框 还有文字和边框一样的颜色 颜色改成蓝色 默认第一开始没有选中是没有边框的 就这个到时候我点击立即生成我要拿到我这些信息 样式不变 你就加这个操作就可以
最新发布
08-06
// 设置默认选中第一项 ['ratio', 'clarity', 'count'].forEach(type => { if (this.options[type].length > 0) { this.selectOption(type, this.options[type][0].id) } }); } ``` 2. **组件化封装**： 可将...
修改 Ant Design Vue UI 库中的 <a-select>的默认配置
10-12
selectedValue: '', // 默认选中的值 options: [ { value: 'option1', label: 'Option 1' }, { value: 'option2', label: 'Option 2' } ], placeholder: '请选择' // 显示的提示信息 }; } }; </script> ``` ...
angular<mat-select> 设置默认值
09-19
在Angular中，如果你想要设置`<mat-select>`组件的默认选中项，可以使用`[(ngModel)]`绑定属性和`defaultValue`选项。`ngModel`用于双向数据绑定，而`defaultValue`则是一个特性，它指定当select元素没有初始选择时...
Html Select option 如何进行默认选择
12-12
总的来说，设置HTML中的`<select>`元素默认选中项主要依赖于`selected`属性，而动态改变默认选中项则可以通过JavaScript或jQuery实现。在实际开发中，这可以帮助提升用户体验，尤其是在处理用户返回、编辑或保存表单...
<html:select>，<html:option>，<html:options>，<html:optionsCollection>标签使用
不积跬步 无以至千里 不积小流 无以成江海
05-16 335
&lt;html:select&gt;生成HTML&lt;select&gt;元素 &lt;html:option&gt;:生成HTML&lt;option&gt;元素 &lt;html:options&gt;:生成一组HTML&lt;options&gt;元素 &lt;html:optionsCollection&gt;生成一组HTML&lt;options&
<html:options>和<html:optionsCollection>标签使用
iteye_7017的博客
08-25 329
&lt;html:options&gt;和&lt;html:optionsCollection&gt;都要与&lt;html:select&gt;标签搭配使用 1.&lt;html:options&gt;标签 a.先写一个bean   package com.hsp.bean; public class Student { private String key;//学号...
<html:select>，<html:option>，<html:optionsCollection>和<html:options>的区别
学会坚强
09-28 272
生成HTML元素 :生成HTML元素 :生成一组HTML元素 生成一组HTML元素。 生成HTML元素，表示下拉列表框或多选列表。 [color=red]在标签中可以包含多个，,元素。[/color]标签有以下重要属性 size属性:指定每次在网页上显示的可选项的数目。 multipe属性:指定是否支持多项选择，如果设置为true,就表示多选列表，支持...
struts html标签配置文件,Struts 中 html:options 的使用
weixin_30322969的博客
06-17 376
1. html:select该标签生成一个select元素。multiple属性决定是否为多选。如果指定了multiple="true"则为多选，此时对应的属性应该是一个数组。否则，此时对应的属性应该是标量。注意：为了正确的处理未作选择的情况，在ActionForm中的reset()方法中必须将标量属性设置为默认值而将数组的长度置为0。另外的一个重要问题就是struts如何生成option元素了...
html 下拉列表返回值,jquery 根据后台返回值来选中下拉框 option 值
weixin_39719472的博客
06-03 649
前景：下拉列表和要选中的下拉项都是通过后台传过来的本人用字符串拼接很low的方法实现；一 给下拉框加一个默认的option 放在第一个类似于“无”或者“请选择”；二 把后台返回值放到 option 的一个自定义属性中 ；三 要选的东西在第一个option中取出判断即可；四 用jquery each遍历function SelectTrue(){var a =[];var i = 0$(".w...
让html-options显示说明信息
sun-shadow的专栏
01-16 738
有的时候为了页面布局美观，不得不设置select的宽度，但是当选择项内容宽度大于select宽度时，选择项内容就不能全部显示。html中option的解决方案时，增加一个title即可，但是采用smarty模板之后，该如何增加title呢？答案是修改../plugins/function.html_options.php.中的smarty_function_html_options_optoutp
动态加载下拉框(默认选中)
热门推荐
tt336798的博客
08-10 1万+
动态加载下拉框数据 在一个页面中实现修改(包括id取值，修改)，保存操作 今天做的一个下拉框动态加载数据，需求是这样的： 进入到页面的时候，下拉框数据加载完成,页面如下 然后就是需求，先看着这个页面，需要实现根据下拉选择进行查询后面的数据(有点类似级联)，接着判断，这里的判断是：如果下拉选择可以查询到数据，就进行修改操作，没有数据的时候，进行保存操作。 我这里用的数据访...
php选项框默认值,smarty模板学习（1）：select选择框中 默认值设置 html_options
weixin_32191051的博客
03-12 231
{html_options options=$cust_options selected=$customer_id}实例：后台文件：out.phprequire('Smarty.php.class');$smarty=newSmarty;$smarty->assign('cust_options',array(1001=>'JoeSchmoe',1002=>'J...
html设置默认选中状态,html中<select>标签用法解析及如何设置select的默认选中状态...
weixin_31264951的博客
05-30 2838
当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 表单数据提交给服务器时包括 name 属性。标签可选的属性属性 值 描述disabled disabled 规定禁用该下拉列表。multiple multiple 规定可选择多个选项。name name 规定下拉列表的名称。size ...
HTML select默认选中项的判断与设定方法
总之，不管是通过前端JavaScript还是后端Java Web技术，设置`<select>`元素的默认选中项的基本原理是一致的，即根据一个预设的值来寻找对应的`<option>`元素，并为其添加`selected`属性，以确保用户看到的页面中已经...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值