改变select组件的option选中状态的快捷方法

以前我都是在<option>标签处通过判断value是否与其中一个相同然后输出selected="selected"来处理的，今天发现可以直接能过Js改变<select>组件的value值来改变option的选中状态。

<html><select id="status" name="status" style="padding-left: 15px" class="i_w160" ><option value="">全部</option><option value="NOT_HANDLED" selected="selected">待处理</option><option value="HANDLED">已处理</option></select><button onClick="fun()">点击767</button><script>function fun(){ document.all.status.value="HANDLED";alert(document.all.status.value);}</script>
</html>

查看效果：

全部待处理已处理点击767

改变select组件的option选中状态的快捷方法相关推荐

动态渲染select下拉框选中状态
动态渲染select下拉框选中状态 <div><select name="selectBox" id="" class="selec ...
实现 select中指定option选中触发事件
实现 select中指定option选中触发事件我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...
如何根据一个值来动态让select下的option选中
html如下: <select id="test"><option value="0">请选择</option><op ...
html select 选中触发,实现select中指定option选中触发事件
我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发. 当我们触发select的双击事件时,用ondblcli ...
c# maiform父窗体改变动态的gridew 奇偶行变色的快捷方法
无需在每个usercontrol里边单个指定控件内gridview 隔行换色.只需要在主窗体内改成统一就好了做到这点要明白.gridcontrol 是usercontrol 的子控件 , grid ...
react当中子组件改变父组件的状态
子组件直接改变父组件传入的props值是不被允许的, 当需要在子组件当中改变父组件的某一个状态, 父组件传入一个改变状态的函数,然后在子组件当中调用函数即可转载于:https://www.cnblo ...
vue底部导航栏（选中状态刷新不消失）解决
我们用Vue写手机端的项目,经常会写底部导航栏,我这里总结一套比较方便实用的底部导航栏方法,并且可以解决浏览器刷新选中状态消失的问题.也可以选择自适应屏幕.看一下效果,底部的图标是我自己找的,选中和未 ...
解决el-checkbox选中状态更改问题
目录前言: 问题分析: 解决方式: 前言: 相信很多猿友都被el-checkbox选中状态更改的问题困扰的掉了不少头发!!!!!!!这玩意真的是坑啊!!今天,机缘巧合(认真研究)之下,终于解决了这个 ...
css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类，助你提升布局效率！
作者:Chidume Nnamdi 译者:前端小智来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...

改变select组件的option选中状态的快捷方法

改变select组件的option选中状态的快捷方法相关推荐

最新文章

热门文章