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

js取值

//获取下拉列表选中项的值

 代码如下 复制代码
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //如此简单，直接用其对象的value属性便可获取到
}

获取文本值

 代码如下 复制代码

<select Id="select">
 <option>1</option>
  <option selected="selected">2</option>
  <option>3</option>
</select>

<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>

例2

 代码如下 复制代码

<select id="select1" onChange="abc()">
<option value="1">看书</option>
<option value="2">体育</option>
</select>
<script type="text/javascript">
function abc(){
var obj =document.getElementById("select1");
alert(obj.options[obj.selectedIndex].text);
}
</script>

jquery做法

 代码如下 复制代码

$("#select option[selected]").text();

//select和option之间有空格，option为select的子元素
 
$("#select option:selected").text();

//如果写成$("#select").text();会把所有下拉菜单的文本选择出来  

获取值

 代码如下 复制代码

$("#select").val();//取值  
$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做

任何变动 

时间： 2024-10-27 16:54:15

获取下拉列表选中项的值和文本的相关文章

jQuery获取radio选中项的值实例_jquery

<title></title> <script src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { //没有默认选中的情况 //先判断radio是否有选中项,再获取选中的值 $("#btnclick").click(function () { //获取选中项的valu

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

 本篇文章主要是对Js获取下拉框选定项的值和文本的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误!   下面我总结下Firefox和IE下获取下拉框选定项的值和文本:   1. IE和Firefox都支持的方法: 获取文本    代码如下: var obj=document.getElementById('select_template'

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

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和文本: 1. IE和Firefox都支持的方法:获取文本 复制代码 代码如下: var obj=document.getElementById('select_template'); var text=obj.options[obj.selectedIndex].text;//获取文本  var o

checkbox批量选中,获取选中项的值的简单实例_jquery

checkbox批量选中,获取选中项的值的简单实例 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.js"></script&g

jquery radio被选中项的值

单选组radio: $("input[type=radio][checked]").val(); 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 单选组radio:    $("input[@type=radio][@checked]").val();

listview item里面的下拉列表选中项改变的问题

问题描述 listview item里面的下拉列表选中项改变的问题 我现在在做这个功能,就是listview item里面有原因下拉列表,然后选择原因,比如我屏幕只能显示 5个item,当我第一个item的原因选择后,滑动到下面,然后再返回上面,这时候,我刚选中的原因不见了,又变成默认的选中项了,这个要怎么解决呢 解决方案 这个原因是item重用的问题, 第一种,如果item不多的话,就别重用了,第二种,只需要在最开始的时候初始化下,将选中状态设置为false,在选择的时候修改状态, 在设置时读

jQuery中获取checkbox选中项等操作及注意事项_jquery

1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 复制代码 代码如下: <div>            <input type="checkbox" name="abc" value="一年级" id="in1" checked="checked" /><label for="in1">

RadioButtonList的SelectedIndexChanged事件中如何取当前选中项的值?急!!!

问题描述 我遇到一个问题,ASP.NET2.0中RadioButtonList的SelectedIndexChanged事件,取e的值如何取呢?我主要是想取到当前选中的项的值 解决方案 解决方案二:有人知道没?我需要在选中某项时取到值然后根据该值再取到另一个值.该怎么办?解决方案三:LmList1.SelectedValue我自己解决了,来领分吧

请问如何获取listbox多个选中项的值？？

问题描述 我从另listbox1(由数据库绑定)中添加了值到listbox2protectedvoidaddbt_Click(objectsender,EventArgse){ListItemCollectionItems=newListItemCollection();foreach(ListItemiteminlistbox1.Items){if(item.Selected)Items.Add(item);}for(inti=0;i<Items.Count;i++){this.listbox