首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    让 select 的 option 标签支持事件监听(如复制操作)

    想对option进行事件监听,有一个tip:当给select显示设置了size 属性且值 大于1 时,才能监听 近来产品也提了个鼠标操作复制option值的需求,就利用这个size属性实现一番吧 先看图...实现小析 因为select的size属性表示默认展示多少个option,并设置这个高度 不过有了size之后,默认select右侧就会出现滚动条式样,加个 overflow:hidden 处理就行了 ?... select style="overflow:hidden;"> option value="1">oneoption> option...value="2">twooption> option value="3">threeoption> option value="4">fouroption...> option value="5">fiveoption> select> 复制按钮的模板 要注意一个点,id为myCopyVal放在此处是为了方便定位元素,再调用文本

    4.8K20

    JS操作表单select详解-选取当前值、重置option等

    JS操作表单select详解-选取当前值、重置option等 对于表单(form)中常用的select选项,经常牵涉到选取的option的index值、value值及文本中,本文结合着实例对其进行讲解。...一个select如下 pre option1 option2 option3 option4 option5 next 代码的效果图 select中常用的操作如下: 1.获取select对象; var...sel=document.querySelector(“#choose”); 2.获取select选中option的index值; var index=sel.selectedIndex; 3.获取select...选中的option的 value; var val=sel.options[index].value; 4.获取select选中的option的text; var text=sel.options[index...= document.querySelector('#choose'); let selarr = [...sel]; let selarrLength = selarr.length;//select

    1.2K10
    领券