首页 > 编程语言 >html中select option原生JavaScript按照value值 或 按照文本 选择指定选项

html中select option原生JavaScript按照value值 或 按照文本 选择指定选项

时间:2022-09-25 05:33:05浏览次数:80  
标签:原生 option JavaScript value 按照 select

每次搜索 大家都在说JQ。。

但是我只会用原生js   因为强迫症  不想因为一个小功能 引入一个大的js文件

以下是原生JavaScript按照value值 或 按照文本 选择指定的option选项

function select_value(id,value){//按照option的值来选择
    selectdom=document.getElementById(id);
    option=selectdom.getElementsByTagName("option");
    for(var i=0;i<option.length;i++){
        if(option[i].value==value){
            selectdom.selectedIndex=i;break;
        }

    }}function select_text(id,text){//按照option的文本来选择
    selectdom=document.getElementById(id);
    option=selectdom.getElementsByTagName("option");
    for(var i=0;i<option.length;i++){
        if(option[i].text==text){
            selectdom.selectedIndex=i;break;
        }
    }}

 

标签:原生,option,JavaScript,value,按照,select
From: https://www.cnblogs.com/qq9836/p/16727164.html

相关文章

  • 【解决报错】Invalid prop: type check failed for prop "index". Expected String wi
    在使用elementUI循环渲染导航的过程中<el-submenuv-for="iteminhasChildren":index="item.path+''":key="item.path"><templateslot="title"><i:clas......
  • Optional使用
     importjava.util.HashMap;importjava.util.Map;//最外层对象publicclassOuter{Nestednested;NestedgetNested(){returnnested;}......
  • JavaScript 计时事件
    做一个在设定的时间间隔之后来执行代码,称为计时事件两个关键字:setInterval()-间隔指定的毫秒数不停地执行指定的代码setTimeout()-在指定的毫秒数后执行指定代码。......
  • JavaScript 弹窗
    JavaScript中有三种消息框:警告框、确认框、提示框警告框:用于确保用户可以得到某些信息语法:window.alert("****");确认框:用于验证是否接受用户操作语法:window.con......
  • JavaScript Window Navigator
    window.navigator对象包含有关访问者浏览器的信息Window.Navigator次对象也可不写前缀navigator不应该用来检测浏览器的版本:navigator数据可被浏览器使用者更改一些......
  • JavaScript Window Location
    用于获取当前页面的地址(URL),并把浏览器重定向到新的页面WindowLocation此对象在编写时不写window前缀如:location.hostname返回web主机的域名location.pathname返回当......
  • vue 使用百度地图JavaScript API GL 组件
    <template><divclass="component"><el-cardclass="cardStyle"><!--ready,地图组件渲染完毕时触发,返回一个百度地图的核心类和地图实例--><baidu-map......
  • JavaScript Window History
    window.history对象包含浏览器的历史WindowHistory该对象在编写时可以不写window前缀访问对象的方法做出了限制:history.back()——与浏览器点击后退按钮相同history......
  • JavaScript 的闭包(closure)
    以下内容为本人的学习笔记,如需要转载,请声明原文链接微信公众号「englyf」https://www.cnblogs.com/englyf/对于闭包的理解,其实可以归纳为,在创建函数时,同时创建了一个集......
  • JavaScript Window - 浏览器对象模型(BOM)
     浏览器对象模型(BOM):现代浏览器已经实现了JavaScript交互性的相同方法和属性,所以常被认为是BOM的方法和属性Window对象:所有浏览器都支持window对象,表示浏览器的窗......