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 >
JQUERY中怎么设置select中的默认选项啊
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$( document ).ready( function(){
//2,3设置成默认
$( 'select' ).val( Array( '2', '3' ) );
} );
</script>
<select multiple="multiple">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
分享到:
相关推荐
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
下面小编就为大家分享一篇select标签设置默认选中的选项方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
div+js+css模拟select并且把无效的select选项设置为灰色不可用
select下拉框,按下空格键后让它的选项显示出来,按回车键选中值
现在有三个学生小明,小红,小黑,对双向绑定的student设置你想要的select值就可以在下拉框默认选中 code1: 设置”请选择”为默认项,只需要把变量student设置为‘’,即可默认到“请选择”,需要注意的是 请...
Js操作Select大全(取值、设置选中等等) Js操作Select大全(取值、设置选中等等)
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
实现select下拉选项可编辑
struts2实现页面select标签默认选中,很简单的,一看马上就会了
今天写pc端引入vue,遇到了一个问题,就是我循环出select内的数据以后,发现原本默认显示第一条的select框变成了空白,要选择后才有显示,结果查了好多文档,讲的都不是很清楚,后来看到一句提示,试了一下发现居然...
一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...
调的是新闻列表 然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 ...还有就是JS一定要在页面内你select和div内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象
jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html jQuery div仿select下拉选项菜单美化获取html
给Select One Choice设置默认值
今天小编就为大家分享一篇js动态设置select下拉菜单的默认选中项实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
jQGrid动态填充select下拉框的选项值(动态填充)
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
cognos 默认选择select 第一个值