JS简单设置下拉选择框默认值的方法

 更新时间:2016年08月20日 11:30:56   作者:xiangqian0505  
这篇文章主要介绍了JS简单设置下拉选择框默认值的方法,涉及javascript针对页面元素的遍历、查找及设置技巧,需要的朋友可以参考下

本文实例讲述了JS简单设置下拉选择框默认值的方法。分享给大家供大家参考,具体如下:

//根据下拉对象默认选中后台对应的记录
function setSelectOption(objSelect, targetValue){
     if(objSelect){
      var options = objSelect.options;
      if(options){
       var len = options.length;
       for(var i=0;i<len;i++){
        if(options[i].value == targetValue){
         options[i].defaultSelected = true;
         options[i].selected = true;
         return true;
        }
       }
      } else {
       alert('missing element(s)!');
      }
    } else {
      alert('missing element(s)!');
    }
}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • aspx中利用js实现确认删除代码

    aspx中利用js实现确认删除代码

    在一些程序开发中,对于删除操作,最好再让用户确认一下,以免误操作,带来的损失,下面的方法,大家可以参考下。各个语言下,都通用的思路。
    2010-07-07
  • JavaScript使用Promise封装Axios进行高效开发

    JavaScript使用Promise封装Axios进行高效开发

    这篇文章主要介绍了JavaScript使用Promise封装Axios进行高效开发,Axios是一个基于Promise的HTTP库,它可以帮助我们更方便地发起HTTP请求,并且提供了许多高级功能,感兴趣的同学可以参考下文
    2023-05-05
  • Bootstrap CSS组件之面包屑导航(breadcrumb)

    Bootstrap CSS组件之面包屑导航(breadcrumb)

    这篇文章主要为大家详细介绍了Bootstrap CSS组件之面包屑导航(breadcrumb),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • bootstrap响应式表格实例详解

    bootstrap响应式表格实例详解

    这篇文章主要为大家详细介绍了bootstrap响应式表格的实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • JavaScript Typescript基础使用教程

    JavaScript Typescript基础使用教程

    TypeScript是Microsoft(微软)开发的一种开源编程语言,它充分利用了JavaScript原有的对象模型,并在此基础上进行了扩充,TypeScript设计目标是开发大型应用,它可以编译成纯JavaScript,编译出来的JavaScript可以运行在任何一种JS运行环境中
    2022-12-12
  • js与css的阻塞问题详析

    js与css的阻塞问题详析

    JS具有阻塞特性,当浏览器在执行js代码时,不能同时做其它事情,下面这篇文章主要给大家介绍了关于js与css阻塞问题的相关资料,需要的朋友可以参考下
    2021-07-07
  • 解析dom中的children对象数组元素firstChild,lastChild的使用

    解析dom中的children对象数组元素firstChild,lastChild的使用

    以下是对dom中的children对象数组元素firstChild,lastChild的使用进行了详细的分析介绍,需要的朋友可以参考下
    2013-07-07
  • layui+ssm实现数据表格双击编辑更新数据功能

    layui+ssm实现数据表格双击编辑更新数据功能

    在使用layui加载后端数据请求时,对数据选项框进行双击即可实现数据的输入编辑更改,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 在原生不支持的旧环境中添加兼容的Object.keys实现方法

    在原生不支持的旧环境中添加兼容的Object.keys实现方法

    下面小编就为大家带来一篇在原生不支持的旧环境中添加兼容的Object.keys实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 微信小程序表单验证form提交错误提示效果

    微信小程序表单验证form提交错误提示效果

    这篇文章主要为大家详细介绍了微信小程序表单验证form提交错误提示效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07

最新评论