JS获取select-option-text_value的方法

 更新时间:2013年12月26日 15:19:30   作者:  
这篇文章主要介绍了JS获取select-option-text_value的方法,有需要的朋友可以参考一下

HTML代码:

复制代码 代码如下:

<select id="month" onchange="selectInput(this)">
    <option  value="01">January</option>
    <option  value="02">February</option>
    <option  value="03">March</option>
    <option  value="04">April</option>
    <option  value="05">May</option>
    <option  value="06">June</option>
    <option  value="07">July</option>
    <option  value="08" selected="selected">August</option>
    <option  value="09">September</option>
    <option  value="10">October</option>
    <option  value="11">November</option>
    <option  value="12">December</option>
</select>

用jQuery获取 select选中对象的value、text

复制代码 代码如下:

$(function(){
    $("#month").change(function() {
        alert($(this).find("option:selected").val());
        alert($(this).find("option:selected").text());
    });
});

如果用JS获取 select选中对象的value是很容易的

复制代码 代码如下:

function selectInput(oSelect) {
    alert(oSelect.value);
}

如果要用JS获取 select选中对象的text呢 ?

复制代码 代码如下:

function selectInput(oSelect) {
    alert(oSelect.options[oSelect.selectedIndex].text);
}

如果select 没有默认则设第一个为默认?

复制代码 代码如下:

document.getElementById("test“).options[0].selected=true;

相关文章

  • BootStrap文件上传样式超好看【持续更新】

    BootStrap文件上传样式超好看【持续更新】

    这篇文章主要介绍了BootStrap文件上传样式非常好看,通过引入相关插件,实现此效果,非常具有参考借鉴价值,感兴趣的朋友快来一起学习吧
    2016-05-05
  • HTML中的setCapture和releaseCapture使用介绍

    HTML中的setCapture和releaseCapture使用介绍

    setCapture函数的作用就是将后续的mouse事件都发送给这个对象,releaseCapture就是将鼠标事件还回去,由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中,不会由于经过了其它的元素而受到干扰
    2012-03-03
  • JS模仿手机端九宫格登录功能实现代码

    JS模仿手机端九宫格登录功能实现代码

    这篇文章主要介绍了JS模仿手机端九宫格登录功能实现代码的相关资料,需要的朋友可以参考下
    2016-04-04
  • 你可能不知道的package.json属性详解

    你可能不知道的package.json属性详解

    package.json俗称依赖配置文件(我自己取的名),最主要的作用就是管理项目中所用到的依赖,下面这篇文章主要给大家介绍了关于package.json属性的相关资料,需要的朋友可以参考下
    2022-02-02
  • 利用微信小程序制作属于自己的Icon图标

    利用微信小程序制作属于自己的Icon图标

    项目中常常需要使用到字体图标,微信小程序中使用字体图标与在平常的web前端中类似但是又有区别,下面这篇文章主要给大家介绍了关于利用微信小程序制作属于自己的Icon图标的相关资料,需要的朋友可以参考下
    2022-04-04
  • Bootstrap3 图片(响应式图片&图片形状)

    Bootstrap3 图片(响应式图片&图片形状)

    这篇文章主要介绍了 Bootstrap3 图片 响应式图片和图片形状的相关资料,需非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-01-01
  • JS实现微信里判断页面是否被分享成功的方法

    JS实现微信里判断页面是否被分享成功的方法

    这篇文章主要介绍了JS实现微信里判断页面是否被分享成功的方法,结合实例形式分析了js调用微信接口判断网页分享功能的相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • 8个开发者必须知道的JavaScript深层概念(推荐)

    8个开发者必须知道的JavaScript深层概念(推荐)

    JavaScript有一个名为“调用堆栈”(Call Stack)的简单列表,它逐一管理任务(堆栈算法),但是当异步任务被传递时,JavaScript会把它弹出到web API,浏览器就会处理它,这篇文章主要介绍了8个开发者必须知道的JavaScript深层概念,需要的朋友可以参考下
    2022-10-10
  • 微信小程序实现简单购物车功能

    微信小程序实现简单购物车功能

    这篇文章主要为大家详细介绍了微信小程序实现简单购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JS获得QQ号码的昵称,头像,生日的简单实例

    JS获得QQ号码的昵称,头像,生日的简单实例

    这篇文章主要介绍了JS获得QQ号码的昵称,头像,生日的简单实例,有需要的朋友可以参考一下
    2013-12-12

最新评论