`
maomaozgc
  • 浏览: 328908 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

写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>
分享到:
评论

相关推荐

    JS获取select的value和text值的简单实例

    代码如下:&lt;select id = “cityList” &gt; &lt;select id = “selectId” &... // 通过对象添加option selectId.add(new Option(“第一个”,”1″)) selectId.add(new Option(“第二个”,”2″)) // 通过id添加

    jquery及原生js获取select下拉框选中的值示例

    现在有一id=test的下拉框,怎么拿到选中的那个... 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // sele

    Javascript操作dom对象之select全面解析

     &lt;select id=university&gt; &lt;option value=北京大学&gt;...1.获取select对象; var university=document.getElementById(university); 2.获取select选中option的index值; var index=university.selectedIndex;

    javaScript常用事件

    当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时,引发该文件,他与onFocas事件是一个对应的关系。 5.onFocus事件:光标进入文本框时触发调用函数。 当用户单击Text或textarea以及select对象时,...

    JS对HTML标签select的获取、添加、删除操作

    代码如下: &lt;SELECT NAME=”aaa” SIZE=”” style=”width:200px” &gt; &lt;OPTION VALUE=””&gt;(空)&lt;/OPTION&gt; &lt;OPTION VALUE... //创建新的Option对象 new Option(text,value) new option(text,value,defaultSelected,

    通过js修改input、select默认字体颜色

    textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='\u5143\u7d20\u7126\u70b9...

    大名鼎鼎SWFUpload- Flash+JS 上传

     注:官方帮助文档的原文中对该事件的描述中有这样一句:“If you return 'true' or do not return any value then the upload proceeds.”,从中可以看到既定的设计是当不返回任何值的时候应该等同于返回true,...

    JavaScript笔记

    14.Function:js中一切都是对象,连方法都是1个对象!! 笔试题:js中方法定义集中方式: A:function compare(a,b){return a-b;}---*可以任意地方声明方法* B:var compare=function(a,b){return a-b;} ---| --...

    angularjs 动态从后台获取下拉框的值方法

    angularjs 动态从后台获取下拉框的值,只要是使用repeat指令,后台提供的是一个list的对象,里面包含value和显示的值,如下: js文件: //职务等级和档次/军衔等级和档次,需要从后台获取:poslist,type:2/3/4/5 $scope....

    javascript级联下拉列表实例代码(自写)

    1,Select对象。 属性 a,selectedIndex:用户选择的选项的下标,下标从0开始 b,length: 获取或者设置选项的个数 c,options: 返回一个数组,数组元素是Option对象 2,Options对象 属性: a,text:选项的文本内容 b,...

    js使用小技巧

    &lt;input type=text name=text1 value="123" onfocus="this.select()"&gt; ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 &lt;input type=text value="123" onfocus="alert...

    精通JS脚本之ExtJS框架.part1.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    精通JS脚本之ExtJS框架.part2.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    jQuery中获取Radio元素值的方法

    又发现自己写的JavaScript代码在FireFox下运行出错,原因很郁闷,在获取一个Radio元素的值的时候只得到了 undefind。谷歌了一下,大多跟我用的方法是一样的 代码如下:var value = $(“input[name=’radio1′][type=...

    JS分页效果JS分页效果

    showPages.prototype.getPage = function(){ //丛url获得当前页数,如果变量重复只获取最后一个 var args = location.search; var reg = new RegExp('[\?&]?' + this.argName + '=([^&]*)[&$]?', 'gi'); var chk =...

    JavaScript Table行定位效果

    还要注意的是id属性也会被克隆,也就是克隆后会有两个相同id的元素(如果克隆对象有设置的话),这很容易会导致其他问题,程序会把克隆table的id属性设空。 ps:table请用class来绑定样式,用id的话新table就获取不...

    天涯易栈VC++网页操作类

    //取组合框(Select)中某个选项(options)的文本(value)参数一为第几个组合框第二参数为组合框第几项 CString GetSelectName(int i);//取的某个组合框(Select)的名称(name) CString GetSelectId(int i);//取的某个组合...

    PHP应用开发框架yaf-lib.zip

    doccount 获取文档总数get_data 获取单个文档原数据get_termlist 获取单个文档语词select 获取数据列表Search_ConfigSearch_Config类 可以根据配置处理搜索结果getApp 获取appgetAppName 获取app名称getTableName ...

    Ajax模仿google提示输入框 v1.8

    option:为参数设置对象。option内的所有参数可以省略 inputName 表单input的name.即 提交时获取input的name。飞!飞Asp技术乐园也为search.asp页面获取input的name inputText inputName 所显示的数据 inputValue ...

    飞飞模仿google(suggest)下拉提示框sggestV1.5

    此小程序是模仿Google...7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改方便 ,外置的css样式文件,带有注释说明,任意修改 文件使用说明: 在需要使用的页面首先要引用2个js文件 ...

Global site tag (gtag.js) - Google Analytics