Javascript获取select标签文本名称的方法

 select 的点击事件用js来使用的话真的是特别的不好用。不灵活不说。而且还要写许多的代码。所以我还是采用的是jquery 这个来获取用户已经选择的 value 的值 。
 
 html select 标签 用户点击后返回 所选 value 值的方法
 
 <select id="diqusheng" >
        <option value="alzhai.com">啊宅</option>
        <option value="alzhai.com">技术宅</option>      
 </select>
 
$(document).ready(function(){
 $('#diqusheng').change(function(){
 var shengid = $(this).children('option:selected').val();  //获取选择的id
                 alert(shengid);
  }});
 
html select 获取文本名称的方法 (html 如上 一样 )
 
$(document).ready(function(){
 $('#diqusheng').change(function(){
 var sheng_text = $("#diqusheng").find("option:selected").text(); //获取名称
 alert(sheng_text);
  }});

时间: 2024-11-03 18:21:48

Javascript获取select标签文本名称的方法的相关文章

javascript获取select标签选中的值_javascript技巧

复制代码 代码如下: var obj = document.getElementById("testSelect"); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 jQuery中获得选中select值 第一种方式 复制代码 代码如下: $('#testSelect

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标签选中值的两种方式

 获取select标签选中的值有很多方法,下面通过两种方式使用js来进行获取,喜欢的朋友可以参考下 代码如下: var obj = document.getElementByIdx_x("testSelect"); //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值jQuery

JavaScript获取DOM元素的11种方法总结

  JavaScript获取DOM元素的11种方法总结          这篇文章主要介绍了JavaScript获取DOM元素的11种方法总结,本文用分4大类11个方法总结如何获取DOM元素,需要的朋友可以参考下 在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式.内容等.如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):

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

appcan里面如何获取select选中文本 显示到其他text上

问题描述 appcan里面如何获取select选中文本 显示到其他text上 appcan里面的一个简单的select下拉选,如何将选中的文本显示到下面的text文本里面呢 解决方案 Javascript获取select的选中值和选中文本Javascript获取select的选中值和选中文本zepto获取select元素的选中值的文本

JavaScript通过select动态更换图片的方法_javascript技巧

本文实例讲述了JavaScript通过select动态更换图片的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码在select列表变化时触发SetBeerIcon()函数,SetBeerIcon()函数可以根据select选择的值动态修改图片 ... <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var beerIcon = doc

JavaScript获取两个数组交集的方法

  本文实例讲述了JavaScript获取两个数组交集的方法.分享给大家供大家参考.具体如下: 这里传入的数组必须是已经排过序的 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 /* finds the intersection of * two arrays in a simple fashion. * * PARAMS * a - first array, must alre