`

使用JS获取Select的文本值

阅读更多
.JS获取select-option text 2010-05-04 11:36:05|  分类: 默认分类 |  标签: |字号大中小 订阅 .

写JS的时候 获取select对象的value是很常见的事情 例如

<script language="javascript">
function selectInput(choose)

   alert(choose.value);
}
</script>
<select name="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>

这样子就可以获得 month的值了 也就是01 02 03... 但是value所指向的text呢? 用一般的方法

function selectInput(choose)

   alert(choose.text);
}

这样子是获取不到的~ 那我们则需要另一种方法获取

<script language="javascript">
function selectInput(choose)

   alert(choose.options[choose.selectedIndex].text);
}
</script>
<select name="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>
分享到:
评论
1 楼 sunchensunchen 2015-08-09  
解决了我的问题,谢谢

相关推荐

    jquery获取select选中值的方法分析

    本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: 误区: 以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s...js获取select选中的值: var

    js获取select标签选中值的两种方式

    代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/

    js里怎么取select标签里的值并修改

    js如何将select标签里的BBB改成XXX,同时BBB里的valued的值改成F?本文将告诉你正确的答案

    js获取下拉列表中选中的值和文本

    这是javascript获取下拉菜单选中的值和文本的技术文档

    Js获取下拉框选定项的值和文本的实现代码

    Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和文本: 1. IE...

    javascript获取select标签选中的值

    复制代码 代码如下:var obj = document.getElementById(“testSelect”)...jQuery中获得选中select值 第一种方式 复制代码 代码如下:$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:s

    JavaScript获取文本框内选中文本的方法

    本文实例讲述了JavaScript获取文本框内选中文本的方法。分享给大家供大家参考。具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本。 需要注意ie的问题。 代码如下: 代码...

    javascript获取下拉列表框当中的文本值示例代码

    近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码: 代码如下: &lt;select onchange=”isSelected(this...看下面javascript代码: 代码如下: function isSele

    用jquery获取select标签中选中的option值及文本的示例

    1.要想使用jquery首先html或者jsp中得引入jquery文件。 2.话不多说,上代码。 &lt;&#37;@ page language="java" contentType=... charset=UTF-8" pageEncoding="UTF-8"%&gt; ...script type="text/javascript" src="../../

    获取select元素被选中的文本内容的js代码

    获取select元素被选中的文本内容的方法有很多,本文为大家介绍下使用javascript来轻松实现下

    JS动态添加option和删除option(附实例代码)

    1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”;... //添加一个选项 obj.add(new Option(“文本”,”值”)); /

    JS获取文本框,下拉框,单选框的值的简单实例

    1.文本框 1.1 &lt;input type=”text” name=”test” id=”test”&gt; 通过var t=document.getElementById...select name=”sel” id=”sel” onchange=”look();”&gt;”1″&gt;11&lt;/option&gt;&lt;option value=”2″ sele

    js 获取服务器控件值的代码

    获取下拉列表选中项的值和文本(select)&lt;/title&gt;&lt;/head&gt; &lt;body&gt; [removed] //获取下拉列表选中项的文本 function getSelectedText(name){ var obj=document.getElementById(name); for(i=0;i&lt;...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    获取select被选中项的文本 var item = $(“select[@name=items] option[@selected]”).text(); select下拉框的第二个元素为当前选中值 $(‘#select_id’)[0].selectedIndex = 1; radio单选组的第二个元素为当前选中...

    JS操作select下拉框动态变动(创建/删除/获取)

    1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement_x(“select”); mySelect.id = “mySelect”;... //添加一个选项 obj.add(new Option(“文本”,”值”

    JavaScript完全自学宝典 源代码

    6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 6.11.html JavaScript控制单选框...

    js实现input输入框输入信息后出现下拉选择框

    js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取

    js获取多个tagname的节点数组

    代码如下://获取指定标签类型的节点数组 用例:GetTagNames(‘input,select,textarea’,document.getElementById(‘form’))function GetTagNames(tagnames,parEl){ //父节点未定义默认循document var parEl=...

Global site tag (gtag.js) - Google Analytics