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

Posted

篇首语:不要以为你的努力徒劳无功,权当做磨练你的意志。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 javascript获取下拉列表框当中的文本值示例代码相关的知识,希望对你有一定的参考价值。

需要将用户点击下拉列表当中某个选项后 将其所选的内容保存起来 下面与大家分享下如何使用js获取下拉列表框文本值 由此需求的朋友可以参考下  

  近日碰到一个问题 就是需要将用户点击下拉列表当中某个选项后 将其所选的内容保存起来 例如下面的HTML代码

复制代码 代码如下: <select onchange="isSelected(this value);" id="city"> <option value=" ">北京</option> <option value=" " >上海</option> <option value=" " >广州</option> </select>

   也就是说当用户选择“上海”这一列时 需要将“上海”这个名称保存起来 其实方法很简单 看下面javascript代码

复制代码 代码如下: function isSelected(value) var cityName; var city = document getElementById("city"); //获取选中的城市名称 for(i= ;i<city length;i++) if(city[i] selected cityName = city[i] innerText; //关键点 alert("cityName:" + cityName);

   也可以这么做

复制代码 代码如下: function isSelected(value) var city = document getElementById("city"); alert(city options[city selectedIndex] innerText); cha138/Article/program/Java/JSP/201311/20225

相关参考

知识大全 JavaScript获取/更改文本框的值的实例代码

JavaScript获取/更改文本框的值的实例代码  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这

知识大全 在powerbuilder中使下拉列表框可以和数据关联

  在从事使用powerbuilder进行数据库开发的过程中常常碰到要使用列表框来选择数据但是普通的下拉列表框并没有提供和数据相连接的方法而使用数据窗口的子下拉列表框来代替又显得有些别扭下面介绍一种好

知识大全 JS文本框追加多个下拉框的值的简单实例

JS文本框追加多个下拉框的值的简单实例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了

知识大全 根据选择不同的下拉值出现相对应的文本输入框

根据用户选择不同的下拉值出现相应的文本输入框在某些情况下比较实用本文为大家写了个有需求的朋友可以参考下 复制代码代码如下:cha138/Article/program/Java/J

知识大全 javascript只能输入数字和小数点的文本框

  只能输入数字和小数点的文本框Html代码<>  <head>  <metaequiv="contentType"content

知识大全 获取DataGrid单元格中的内容与锁定文本框中的文本

获取DataGrid单元格中的内容与锁定文本框中的文本  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 jquery实现文本框只能输入数字

cha138/Article/program/Java/Javascript/201311/25507

知识大全 定义多行文本框实时的输入字数

  <head>   <scriptlanguage=javascript>   functiontextLimit

知识大全 自验证文本框和Observer模式

自验证文本框和Observer模式  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  最近写程序当中

知识大全 显示鼠标指示地方的全部文本

  最近在用Delphi编写程序时发现当ListBox(列表框)中的文本超过显示范围时就看不到文本的完整内容这很不方便于是决定动手解决这个问题让鼠标指到哪里就显示哪里的全部文本内容  一分析问题  我