- 浏览: 1308865 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (732)
- Java_about (146)
- Spring_Hibernate_Struts_OpenSource (27)
- linux_unix (62)
- life_sth (22)
- js_css_html_xml_nodejs (69)
- design_pattens (1)
- Perl (8)
- php_ecshop (4)
- DB_Mysql_Oracle_Informix_SqlServer (43)
- JSTL (8)
- Testing_自动化测试 (42)
- DB_ID_UUID (4)
- SEM_SEO (1)
- english_study_improvement (4)
- SVN_Git (9)
- WebService_SOA_CloudComputing (3)
- E-Commerce (1)
- Lucene_Solr (7)
- others (2)
- Regex (2)
- tomcat_jetty (8)
- zeroc-ice (1)
- java_excel (5)
- ant_maven_gradle (5)
- Unity_VR_AR_C# (2)
- jmeter (1)
- XPath_dom4j (1)
- Ruby_and_Rails (68)
- write_a_rails (17)
- manage_and_team (1)
- getting_real (1)
- ubuntu (20)
- git_and_git_flow (7)
- TODO (1)
- PM_design (2)
- Python_and_Django (8)
- NoSql_mongo_redis (24)
- C/C++ (3)
- vi_vim_gvim (0)
- c#_.Net_windows编程_dll (10)
- Php_and_Yii (9)
- Android_IOS (31)
- Mysql (5)
- sa_运维_network_硬件 (37)
- lua (2)
- c_cpp_VisualStudio (21)
- 硬件-RM-Arduino (6)
最新评论
-
shenkun58:
...
NoClassDefFoundError: Could not initialize springframework.BeanCreationException -
liaojia1:
正解,感谢
NoClassDefFoundError: Could not initialize springframework.BeanCreationException -
flingfox63:
谢谢分享,电脑上有IPV6,导致了Guard启动不了……
ruby错误解决: Address family not supported by protocol - connect(2) -
c39274936:
s = "hello_world_ruby" ...
驼峰格式和下划线格式转换_translation between camel and snake format -
yfj300:
学习了学习了学习了学习了
硬盘基本知识(磁道、扇区、柱面、磁头数、簇、MBR、DBR)
js 构造 select 和 oprtion 并设置默认选项
如果是手写 html select ,那么很容易构造出来默认选中的选项,方法是:
<option value=’beiing’ selected > 北京 </option>
如果是 struts 的 select:option 标签,那么有 value 可以控制默认选中的标签,方法:
< html:select property = "compId" styleClass = "formclass" style = "width:80%" value = "xxx " >
如果是自己用 js 构造的 select ,那么 Option 默认选中的选项不太好用。看了看 Option 的源码,好像是标准还不支持,源码居然只处理 4 个参数中的前两个: function Option( text, value , defaultSelected, selected){};
对 defaultSelected, selected 两个参数不管。
而 select 中的 selected 和 value 也不管用。
this .orderCreateModeSelect. selected = "3" ; //lijg 3:auto// 不可行
this .orderCreateModeSelect. value = "3" ; //lijg 3:auto// 不可行
因此只能用循环来处理了,方法:
/**
params: selectUi, selectedValue
result: if the selectedValue is not single, then select the first one.
author: lijg 2009-10-10
*/
Toolkit.selectItem = function (selectUi, selectedValue) {
if (selectUi == null || selectedValue == null ) return ;
for ( var i = 0; i< selectUi.options.length; i++) {
if (selectUi.options[i].value == selectedValue) {
selectUi.options[i].selected = true ; // 可行
//this.orderCreateModeSelect.selectedIndex = i;// 可行
break ;
}
}
}
在需要的地方调用此方法:
Toolkit.selectItem( this .orderCreateModeSelect, "3" ); //set default we need
附注:
Struts html:select 标签显示默认选项
( 1 ) http://www.iteye.com/topic/36716
最近在写一个系统中,有一个有下拉列表的修改资料功能,对 Struts 的 html:select 进行了运用。
其中怎么样使进入修改页面之后,该下拉列表里的数据是该需要修改的数据列的数据字段,也就是使 html:select 中显示的值默认对应数据库中的值。测试修改了一个下午,总得不出结果,最后还是看了 Struts 的 examples 才算是弄出来了
< html:select property = "id" >
<!-- 这里一定不能再用 vlue 属性了,只用一个 property 就可以了 -->
< c:forEach var = "row" item = "${rs.rows}" >
< html:option value = "row.id" >
< c:out value = "row.name" />
</ html:option >
</ c:forEach >
</ html:select >
总结:在使用 Struts 进行修改功能时,要在修改页面上取的数据库先前的值。只要在 form 中 reset 里取得数据库里的值,然后在前台页面里 html:form 里对应的项设置其 property 为 form 中对应的属性值就好了,而不需要再设置 value 属性了。
( 2 )如果运用了 < html:options> 标签,默认选项在 value 处标明
< html:select property = "compId" styleClass = "formclass" style = "width:80%" value = "xxx " >
< html:options collection = "compList" property = "deptId" labelProperty = "deptName" />
</ html:select >
发表评论
-
浏览器辅助神器:油猴脚本使用教程
2023-08-06 16:54 333= 最近一个功能,使用其他脚本总是运行出问题。 不得已使 ... -
js控制鼠标滚轮的方法_javascript控制鼠标滚轮的方法_jquery控制鼠标滚轮的方法
2022-06-10 17:20 407= js没有模拟click这样的scroll函数。仅仅通 ... -
jquery判断元素是否隐藏是否可见的多种方法
2022-04-05 19:24 491= = = jquery判断元素是否隐藏的多种方法 ... -
js JavaScript 读取文件数据、导出文本到文件。console输出到本地文件
2021-03-11 19:41 1499= 需求:输出点内容到本地文件。 方法:下面。 大概 ... -
万能代码,一招破解网页禁止复制
2020-10-19 20:11 732= 使用评测: 发现使用之后,页面的正常的js不好用了 ... -
jQuery 选择同时包含两个class的元素的实现方法
2020-10-18 23:03 485= = = from:https://www.cnb ... -
5个JS模板引擎
2020-06-28 11:38 365= 实际来看: 1百度的好用,但比较老。 1腾讯的用 ... -
获取weixin文章列表的js
2019-05-09 18:55 461= 没来得及优化,将就用着。 暂存备用。 = // ... -
如何在console控制台导入jquery
2019-04-23 21:05 1108= = = /* 百度共用jquery包 htt ... -
Jquey_Selenium对不显示节点的处理不同_比如getText结果不同
2018-08-25 10:38 621= = = Jquery中,不显示节点(displa ... -
[知乎问题]如何衡量一个人的angularjs水平?
2017-07-20 15:22 873= = = [知乎问题]如何衡量一个人的angular ... -
HTTP头的Expires与Cache-control区别
2016-12-23 18:53 1104HTTP头的Expires与Cache-control区别 ... -
200 OK (from cache) 与 304 Not Modified
2016-12-13 18:12 991200 OK (from cache) 与 304 N ... -
gulp_如何保证任务和程序顺序执行?
2016-05-11 20:17 2008使用return来解决,是最好的方式。 return有很 ... -
nodejs之supervisor__supervisor的python版本
2016-05-07 10:07 1702【nodejs之supervisor】 如 ... -
nodejs_cnpm导致node的prefix和cache和node_global配置环境变量不起作用
2016-05-06 11:41 4807cnpm的介绍: http://npm.taoba ... -
Foundation和zepto
2016-04-29 15:07 821为什么我们放弃了 Z ... -
npm link 命令解析
2016-04-29 13:44 1535npm link 命令解析 fr ... -
nodejs npm常用命令
2016-04-28 15:05 675nodejs npm常用命令 np ... -
nodejs中的环境变量:NODE_PATH
2016-04-28 15:05 1755注:没有解决gulp本地文件依赖的问题。 == ...
相关推荐
但是,如果需要在运行时更改默认选项,或者在多组`<select>`中切换默认项,就需要用到JavaScript。以下是一个简单的示例,展示了如何通过ID找到`<select>`元素,然后设置特定`<option>`为选中状态: ```javascript ...
本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`<select>`的基本结构: ```html ...
在这篇文章中,我们将介绍如何使用JavaScript来动态设置select下拉菜单的默认选中项。这个过程对于Web开发人员来说是非常常见的需求,尤其是在需要根据不同的条件来显示不同的下拉菜单选项时。 首先,我们需要了解...
Select 标签设置默认选中的选项方法 Select 标签是 HTML 中的一个基本标签,用于创建下拉菜单,Select 标签可以有多个选项,用户可以从中选择一个或多个选项。今天,我们将介绍如何设置 Select 标签的默认选中项。 ...
在Vue.js中,`<select>`元素的使用和设置默认选中是一个常见的需求,尤其是在处理表单和数据绑定时。本文将详细解析如何在Vue中正确地使用`<select>`并设置默认选中的选项。 首先,`<select>`元素通常与`v-model`...
Struts2提供了一个非常强大的标签——`<s:select>`,它可以用来生成一个`<select>`下拉列表,并支持动态设置默认选中项。 #### 代码示例 假设我们需要根据用户提交的`auditingLog`对象中的`auditingState`属性值来...
通过分析和学习这个示例,你应该能更好地理解如何结合使用`div`、`JavaScript`和`CSS`来模拟`select`并实现灰色不可用选项的功能。 总的来说,模拟`select`是一种提高用户体验的策略,它允许开发者跳出原生HTML标签...
在某些场景下,我们可能需要在Select2的选择列表中实现中文选项的快速定位,例如通过输入拼音或首字母来筛选和查找选项。虽然Select2本身并不直接支持这样的功能,但我们可以利用一些技巧来实现这一需求。 首先,...
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
为了改善这一情况,开发者们通常会利用JavaScript(JS)和层叠样式表(CSS)来增强Select的视觉效果,创建出更加精美、自定义的选项框插件。本文将深入探讨如何使用JS和CSS来美化经典Select选项框。 首先,我们需要...
`JSelect`是一个JavaScript库,它提供了自定义样式和增强功能,使得`select`元素看起来更加美观并具有更好的用户体验。本文将深入探讨如何使用`js`加载`select`项,并介绍`JSelect`库的使用方法。 首先,我们来看...
在实际应用中,我们通常会在文档头部引入`select2.min.css`,并在脚本部分引入`select2.min.js`,并确保在DOM加载完成后初始化Select2。例如: ```html <!DOCTYPE html> <link href="dist/select2.min.css" rel=...
例如,你可以设置默认选中项、禁用选项、启用多选等。以下是一个配置示例: ```javascript $("#mySelect").select2({ placeholder: "请选择", allowClear: true, multiple: true }); ``` 4. **监听事件**:`...
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
3. **JavaScript 功能实现**:编写JavaScript代码处理用户交互事件,如点击按钮展示/隐藏下拉选项列表,并实现用户输入值的逻辑。 #### 三、具体实现步骤 1. **HTML 结构** 首先,根据提供的部分HTML代码示例,...
以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...
### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`<select>` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `<option>` 子元素供用户选择。通过 JavaScript,我们可以实现...
本文将详细介绍一种专门用于美化`select`框的JavaScript插件,以及如何实现不同风格的select美化列表框,如U-Box风格、Mac风格和TM2008风格。 首先,我们讨论JS Select框美化插件的基本原理。这种插件通常会将原生...
总结来说,本文主要解决了在element-ui的el-select组件中设置不可删除默认选项的问题,并提供了四种可能的解决思路。其中,使用Vue指令和CSS样式隐藏关闭按钮是相对简单和推荐的方法,既能够有效禁止删除操作,又...