javascript 设置select的默认选项。
可以用 selectObj.options[index].selected=true; 来设置
selectObj 下拉框的对象
index 默认项的下标
如果选项的个数位置,无法确定默认的下标,可以使用下面的方法。
该方法在设置默认选项后,还返回该选项的下标。
//设置select的默认选项 ,并取得选项的下标。
//参数1:下拉框的对象,参数2:选项的文字内容
function setSelected(selectObj,optionsText){
for(var i=0;i<selectObj.options.length;i++){
if(selectObj.options[i].text==optionsText){
selectObj.options[i].selected=true;
return i;
}
}
}
当然该方法也可以修改为一选择的value来确定默认选项。
例子:
<select id="seleTest" name="">
<option value="0" >a</option>
<option value="1" >b</option>
<option value="2">c</option>
<option value="3">d</option>
<option value="4">e</option>
</select>
<script>
var selObj=document.getElementById('seleTest');
var s2=setSelected(selObj,'d')
alert('s2='+s2);
</script>
相关推荐
方法有两种。 第一种 通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。 < select id = sel >... script type = text/javascript > function change(){
3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的...
3.34 文本框的默认输入法 3.35 文本框显示网页中选中的内容 3.36 文字的垂直滚动 3.37 文字幻灯片 3.38 随机动态文字效果 3.39 实现textarea的自动滚动 3.40 使用marquee实现文字上下滚动 3.41 类似安装效果的...
在开始设置下拉列表(或其他表单元素)样式之前,先浏览一下。 如果你可以避免它并且只使用默认值 - 做! React灵敏 最小尺寸 解决方案* 默认 是的 0 不适用 选择 是的 56kb 替代品 选择2 是的 ? 替代品 ...
专为主题而设计主题混合支持使用前缀选择器同时支持简单和多个选择字段完全响应,适合任何宽度(可选)用于简单选择字段的默认占位符(可选)具有最小字段阈值的搜索栏(可选)最大可选选项完整的键盘事件集成选项...
调用方法: Msc.init({ id : 'second',//存放select的id name : [1, 2, 3],//select内下拉所显示的名称 value : [1, 2, 3],//相当于... selected : 1,//首选项:即默认显示 fun : getv//取值的callback函数 });
加载选项(Json 和数组)并在同一函数中指示默认情况下将选择哪一个。 在同一周它仍然存在,别担心。 从我们的选择中选择一个选项 使用函数 $ .select.setValue(idSelect, value) 我们可以从 select 中选择一个选项...
设置 进口JasperoSelectModule在@NgModule : @ NgModule ( { imports : [ JasperoSelectModule ] , declarations : [ AppComponent ] , bootstrap : [ AppComponent ] } ) export class AppModule { } 如何...
Tweepi-Select-All-JS 自动选择Tweepi.com上默认选项的所有列用作书签[removed] ( function ( ) { var jsCode = document . createElement ( 'script' ) ; jsCode . setAttribute ( 'src' , '...
图标支持-如果一个选项具有CSS类,则该类将继承为生成的选择框代码,其跨度为可设置样式的类名。 键盘访问-如果您专注于某个选择,则可以上下滑动鼠标,甚至键入文本,并且它将像常规选择一样进行更新。 Opt组-像...
选择首选项 -> 设置 - 默认 一个制表符被认为等于“tab_size”的空格数:2 设置为 true 以在按下 Tab 时插入空格 "translate_tabs_to_spaces": true 设置为 true 以在保存时删除尾随空格“trim_trailing_white_...
该字段插件增加了过滤select_mutiple字段的选择列表选项的功能。 通过在搜索字段中输入搜索文本进行过滤。 另请参见兄弟字段插件 。 资料格式 此字段插件使用需要select_multiple字段类型。 无需字段插件即可按预期...
className-指定要使用的类名(默认为“ dropSelect”) arrowClass-向下箭头的类名称(默认为“ icon-arrow-down”) callBack:选择一个项目时的回调函数(默认为null) formatter:允许用户格式化内部文本的回...
<select></select>标签是选项标签,里面加入option可以作为选项 2.1.3框架和框架集<frameset>` 二.css 1.这个用来设置标签样式有好处 采用外部样式设置页面一来可以减少代码的瘫肿;二来可以时开发页面分离,...
hotkeys:在没有菜单栏的新窗口中设置安全退出的热键,选项的值及含义与 toolbar相同; innerHeight:设定窗口中文档的像素高度; innerWidth:设定窗口中文档的像素宽度; screenX:设定窗口距离屏幕左边界...
多选 修改版本 这是修改后的版本(从 1.2.1版本派生),以添加其他功能(我是作者) , 和所需的...offsetLeft (默认为0),如果我们想让drop与select元素偏移(默认情况下,它与0 offset的元素向左对齐) 设置时,
所有选项与ember-power-select中的选项相同,但增加了一个新labelPath 。 这告诉组件要使用的选项中的哪个属性(以呈现列表的每个选项)。 相同的属性也将作为触发器的内容呈现。 {{ power-select-blockless ...
应用程序接口默认设置。 $ ( 'select' ) . selectonic ( { type : 'classic'} ) 选项默认类型描述类型'经典的' 功能用于样式选择的函数。 预设:经典。 班级名称'选择' 细绳自定义选择类。 这不是确定选择替换的类。...
//本地数据 有此选项时dataUrl无效 data:"[{display:'2005年',value:'2005'},{display:'2004年',value:'2004'},{display:'2003年',value:'2003'},{display:'2002年',value:'2002'},{display:'2001年',value:'2001...
解决方法3:IE浏览internet选项中,隐私中,弹出窗口阻止程序中,设置,例外,输入允许弹出窗口的地址。 7、在代码路径中\Client\js\input\jquery.selectInput.js中属性ajaxPath请修改成实际的虚拟目录名称, ...