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

最新推荐文章于 2021-11-15 15:56:28 发布
最新推荐文章于 2021-11-15 15:56:28 发布
阅读量101 收藏
点赞数

 

以前我都是在<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
weixin_34235457
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
thinkphp 中 option 选中状态
Hani的 编程生活
03-03 7426
在编辑页面的时候，要显示数据库中的数据，从数据库中读取之后，option 设置未 selected 状态                                                    学历要求                                                                                 
JQuery选中select组件被选中的值方法
11-27
获取select 选中的 text : $(“#ddlregtype”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlregtype “).val(); 获取select选中的索引: $(“#ddlregtype “).get(0).selectedindex; 设置...
jQuery操作select（设置某个option为选中状态）
weixin_33769125的博客
02-21 6096
2019独角兽企业重金招聘Python工程师标准>>> ...
select下拉框内容回显 并将对应的option设置为selected选中状态
我的博客
06-09 2万+
&lt;script type="text/javascript"&gt; var productId = '${product.productId}'; _findSelectedData(); function _findSelectedData(){ jQuery.ajax({ dataType: "json", ...
关于option状态属性问题
yuexingzou666的博客
02-22 1789
1. ：selected 在选中select中option元素时，我以为在option标签内部会自动添加selected属性，表示当前元素被选中，但是，并不会。不过，在调试过程中发现，js中获取option的selected=true； 所以，当要获取当前元素的选中状态时，不需要单独给option添加selected属性。 2. ：checked 匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option)，实际应用中也可以通过checked获取o...
使用el-select只能选中最后一项，且options全部是选中状态
qq_39122996的博客
11-15 3782
我认为这个问题的核心就是唯一性标识 最初遇到这个问题的时候，在网上找到两种解决方法： 一：value-key 根据element官网提示 根据上图显示，value-key绑定的是下拉数组里面某一对象的键名，这个键名对应的值在各项中都不一样，保证具有唯一性，然后option里的value绑定的是一个对象，这种情况下可以实现正常select显示 二：下拉数组的每一项添加value作为唯一标识 结果显示正常 ...
elementUI select组件默认选中效果实现的方法
12-29
首先，v-model的值为当前被选中的el-option的 value 属性值 需求：进入编辑页面，状态栏默认选中生效，如下显示： html部分代码： 状态> 请选择> label=item.label value=item.value> </el>
vue select二级联动第二级默认选中第一个option值的实例
08-28
Vue Select 二级联动第二级默认选中第一个 Option 值的实例详解 在本篇文章中，我们将详细介绍 Vue Select 二级联动第二级默认选中第一个 Option 值的实例。该实例具有很好的参考价值，希望对大家有所帮助。 知识...
jQuery选中select控件 无法设置selected的解决方法
01-19
解决办法：把选中option的语句放到setTimeout中，例： 代码如下: setTimeout(function() { var selSorts = $(“select[id^='” + controls.selsort + “‘]”); $.each(selSorts, function(index, sort) { var ope =...
jquery动态修改表单select的option值,从而间接修改option的选中状态
10-29 6838
      &lt;!-- 通过php模板标签的方法实现option选中状态,最常用的 --&gt; &lt;select name="sex" id="sex"&gt; &lt;option value="" &gt;请选择性别&lt;/option&gt; &lt;option value="1" &lt;{if $info[
常见30种数学建模模型
05-01
常见的30种数学模型，比较详细，非常适合搞数学建模的学生使用
实现 select中指定option选中触发事件
热门推荐
ShingEven的专栏
12-05 22万+
我们在用到下拉列表框select时，需要对选中的选项触发事件，其实本身没有触发事件方法，我们只有在select里的onchange方法里触发。 当我们触发select的双击事件时，用ondblclick方法。 当我们要取得select的选中事件时，用document.all['name'].value来获取，其中name是select的名称。 如果我们要得到select的全部的值就用一个fo
antd中menu选中状态没有跟上路由[解决]
King的博客
08-28 6329
问题描述：使用antd的导航菜单时，点击到某一项，刷新页面时，路由没有跟着刷新。 解决思路如下： Ｍenu 用 seletedKeys 来决定哪项被选中。需要判断当前选前的路由是什么，可以借助 withRouter。 参考代码： //App.js import React from 'react'; // import logo from './logo.svg'; import './App.c...
html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
兵哥LOVE坤
07-26 2万+
html中复选框Checkbox对象代表一个 HTML 表单中的 一个选择框。   html中复选框Checkbox对象的属性 属性             描述 accessKey        设置或返回访问 checkbox 的快捷键。 alt              设置或返回不支持 checkbox 时显示的替代文本。 checked          设置或返回 chec...
去除input边框以及选中时边框 默认样式
chao2458的博客
08-16 7万+
&lt;input type="text" &gt; input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 } 就是这么简单，这样就完事了！...
获取option标签 并设置selected状态
hell_world!
03-28 2780
本文rt 11 22 默认是1为选中，即selected状态。 如果这里的select标签是一个外键的值    比方说 一个学生表  学生表里学院编号是外键   你查询学生后要显示   有的人是1号学院的 有的人是2号学院的 而默认是1号学院 用js来实现自动selected var v = document.form.select; for (var
jquery获取页面中多个 select 组件选中的值
最新发布
05-27
可以使用 jQuery 中的 `val()` 方法来获取页面中多个 select 组件选中的值。 以下是一个示例代码： ```html <select class="myList" multiple> <option value="1">选项1</option> <option value="2">选项2</...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值