javascript获取select的当前值示例代码

 本篇文章主要介绍了javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome) 需要的朋友可以过来参考下,希望对大家有所帮助

JavaScript获取Select当前值写法:
var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;
var text = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].text;
 
例子:
 代码如下:
<script>
function check() {
      var select = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;
      alert(select);
}
</script>
 
<select name="select" id="select">
<option value="test1" selected="selected">Test1</option>
<option value="test2">Test2</option>
</select>
<input type="button" value="我要试试" onclick="check()"/>
 

时间: 2016-12-18

javascript获取select的当前值示例代码的相关文章

javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)_javascript技巧

JavaScript获取Select当前值写法:var value = document.getElementById("select").options[document.getElementById("select").options.selectedIndex].value;var text = document.getElementById("select").options[document.getElementById("s

通过javascript获取iframe里的值示例代码_javascript技巧

复制代码 代码如下: <script type="text/javascript" language="javascript"> function CCCC(){ var File_NAME=""; var count=0; if(document.frames("myFrame").document.all.length){ for(var i=0;i<document.all.length;i++){ i

Jqgrid设置全选及获取选择行的值示例代码

 本篇文章主要介绍了Jqgrid设置全选(选择)及获取选择行的值示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 1.添加multiselect: true   2.获取选择行的值   代码如下: var rowData = jQuery('#List').jqGrid('getGridParam','selarrrow');     if(rowData.length)      {         for(var i=0;i<rowData.length;i++)         {

Jqgrid设置全选(选择)及获取选择行的值示例代码_jquery

1.添加multiselect: true 2.获取选择行的值 复制代码 代码如下: var rowData = jQuery('#List').jqGrid('getGridParam','selarrrow');    if(rowData.length)     {        for(var i=0;i<rowData.length;i++)        {           var name= jQuery('#List').jqGrid('getCell',rowData[i]

javascript获取ckeditor编辑器的值(实现代码)_javascript技巧

CKeditor编辑器是FCKeditor的升级版本想对于FCK来说,确实比较好用,加载速度也比较快以下是如果通过JS获取CKeditor编辑器的值,用于表单验证 if(CKEDITOR.instances.content.getData()==""){alert("内容不能为空!");return false;} content是textarea的name下次发下CKeditor的配置还有上传配置,我只弄了PHP的上传 刚有个朋友反应说FIREFOX下不能判断为空

js获取下拉列表框中的value和text的值示例代码

 本篇文章主要是对js获取下拉列表框<option>中的value和text的值示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value="value">ShowText</option>中"ShowText",我们该如何获取呢?方法很简单,具体代码如下:    代码

javascript获取select值的方法分析

  本文实例讲述了javascript获取select值的方法.分享给大家供大家参考.具体分析如下: 1. 获取显示的汉字 代码如下: document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 2. 获取数据库中的id 代码如下: window.document.getElementById("bigc

javascript获取select值的方法分析_javascript技巧

本文实例讲述了javascript获取select值的方法.分享给大家供大家参考.具体分析如下: 1. 获取显示的汉字 复制代码 代码如下: document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text 2. 获取数据库中的id 复制代码 代码如下: window.document.getElementById(&q

js获取select标签的值且兼容IE与firefox

 本篇文章主要介绍了js获取select标签的值且兼容IE与firefox.需要的朋友可以过来参考下,希望对大家有所帮助 jsp代码: 代码如下: <form id="search">  <select id="jobSelect" style="width: 200px;" name="jobSelect">   <s:if test='jobSelect == null || jobSelec