怎么没见哪里写过selectedOptions属性我来稍微介绍下

最新推荐文章于 2023-03-01 18:25:44 发布

小小黄鸡知多少

最新推荐文章于 2023-03-01 18:25:44 发布

阅读量1.9k

点赞数 2

分类专栏：随笔

本文链接：https://blog.csdn.net/u010937045/article/details/87206312

版权

随笔专栏收录该内容

3 篇文章 0 订阅

订阅专栏

语法

var selectedCollection = HTMLSelectElement.selectedOptions;
selectedOptions获取的是一个你选中的option的list，所以当你不用多选拿单一option要用 selectedCollection[0]

实例

HTML 就是生成一个select

<body>
<select  id="sel" multiple>
    <option value="1">内容1</option>
    <option value="2">内容2</option>
    <option value="3">内容3</option>
</select>

<script>
    a = document.getElementById('sel');
    a.onchange = function () {
        o = this.selectedOptions;
        console.log(o[0])
    }
</script>

输出

<option value='1'>内容1</option>

这样就利用selectedOptions属性拿到了你选中的option

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小小黄鸡知多少

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

js给selected添加options的方法

12-01

本文实例讲述了js给selected添加options的方法。分享给大家供大家参考。具体实现方法如下： <select id="Mmonth"> 1 </select> <input type="button" onclick="a()" value="添加"/> [removed] function a(){ document.getElementById("Mmonth").options.add(new Option(1,1)); } [removed] 希望本文所述对大家的javascript程序设计有所帮助。

jquery获取当前选中下拉框的各个属性

08-27

### 使用jQuery获取与...以上介绍了如何使用jQuery来获取和设置下拉框（`<select>`元素）及其子`<option>`元素的各种属性。这些技巧对于Web前端开发者来说是非常实用的，可以帮助快速高效地完成交互逻辑的设计与实现。

参与评论您还未登录，请先登录后发表或查看评论

表单元素之下拉系

weixin_34259159的博客

01-19

120

这里特指下拉框，select。但select有两种形态，由multiple属性决定。在多选形态下，用户按住shift键就能实现多选，但用得不多，主要是占空间。那我们着重说说单选形态及其结构。下拉框是由多种元素组成，通常我们见过select套着option元素，这中间还能夹一层，optgroup就是对option元素进行分组。option元素里面不能放置其他元素节点，option元素间除了空白或...

IE CHROM SELECT控件之selectedOptions

pzzhuhui的专栏

10-12

1350

IE： function GB2008SetBtnClick(){ var selectLeft=document.getElementById("leftCloseSecData"); var selectRight=document.getElementById("rightCloseSecData"); var left = selectLe

select中的两个属性——selectedIndex、selectedOptions

m0_46730138的博客

11-25

3645

selectedIndex与selectedOptions 这两个属性是在onchange事件函数中被激发的属性，在select下的子节点中点击哪一个，就会被赋值哪一个 selectedIndex是点击后获得的下标 selectedOptions是点击后获得的HTMLCollection并且只有一个元素，因此要获得点击的option就需要selectedOptions[0] <body> <select name="" id="sel"> <op

Knockout.Js官网学习（selectedOptions绑定、uniqueName 绑定）

weixin_34406086的博客

10-18

104

selectedOptions绑定 selectedOptions绑定用于控制multi-select列表已经被选择的元素，用在使用options绑定的<select>元素上。当用户在multi-select列表选择或反选一个项的时候，会将view model的数组进行相应的添加或者删除。同样，如果view model上的这个数组是observable数组的话，你添加或者删除任何...

下拉菜单11+原生js获取select下拉框的selected的option项

我的博客

08-13

4450

对于以下select标签，获取当前选择的值得方式如下： <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> code: 一：javascript原生的方法 1:拿到select对象： var myselect=document.getElementById("test"); 2：拿.

onFinish (e) { const { selectedOptions, value } = e.detail const fieldValue = selectedOptions .map(option => option.text || option.name) .join('/') this.setData({ fieldValue, cascaderValue: value, }) }, 这段代码用vue的语法怎么写？

05-27

在 Vue 中，可以使用以下方式来更新 data 中的值： ```javascript onFinish(e) { const { selectedOptions, value } = e.detail; const fieldValue = selectedOptions .map(option => option.text || option....

帮我用vue写一个el-checkbox多选传值例子

05-27

好的，以下是一个简单的例子： ...在上面的代码中，我们使用v-if指令来检查selectedOptions数组是否为空，如果不为空，则显示选中的选项列表。我们使用v-for指令来循环遍历selectedOptions数组，并显示每个选项的标签。

我想要写一个下拉选项的按钮，可以多选

07-16

在上述示例中，我们使用了`<select>`标签来创建一个下拉选项按钮，并通过设置`multiple`属性来允许多选。通过JavaScript的`getSelectedOptions`函数，我们可以获取到选中的选项值，并将其打印在控制台中。你可以将...

帮我写一个微信小程序的多选项弹框