`
paulfzm
  • 浏览: 884349 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

获取下拉列表中的文本值

阅读更多

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

<select onchange="isSelected(this.value);" id="city"> 

          <option value="1">北京</option>

          <option value="2" >上海</option>

          <option value="2" >广州</option>

</select>

 

  

 

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

 

 

function isSelected(value) {

var cityName;

    var city = document.getElementById("city");

       //获取选中的城市名称

       for(i=0;i<city.length;i++){

           if(city[i].selected==true){

            cityName = city[i].innerText;  //关键点

            alert("cityName:" + cityName);

           }

       }

分享到:
评论

相关推荐

    javascript获取下拉列表的值

    在JavaScript中,获取下拉列表(也称为选择框或`&lt;select&gt;`元素)的值是一项常见的任务,特别是在处理用户输入和交互时。本篇博文中,我们将深入探讨如何有效地实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`...

    下拉列表选中项的文本值的赋值与取值

    获取下拉列表当前选中项的文本值,可以使用JavaScript的`options`属性和`text`属性。下面是一个示例: ```javascript var selectedOption = document.getElementById('mySelect').selectedIndex; var selectedText ...

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

    ### JavaScript 获取下拉列表选中值与文本及单选按钮组值的方法 #### 一、获取下拉列表选中项的值和文本 在JavaScript中,我们经常需要处理表单元素,尤其是`&lt;select&gt;`标签,它用于创建下拉列表。获取`&lt;select&gt;`...

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

    在本篇文章中,将详细探讨如何使用JavaScript语言在网页中获取用户在下拉列表框(select元素)中选择的文本值。当下拉列表框中的选项发生变化时(即用户选择了新的选项),我们将利用JavaScript来捕获这个变化,并...

    robotFramwork中验证下拉列表值是否正确与查询内容是否正确

    1. **获取下拉列表所有项**: - 使用 `Get List Items` 关键字来获取指定元素的所有选项。 - 在本例中,使用 XPath 表达式 `//*[@id="ems_id"]` 来定位下拉列表。 2. **遍历并验证每个选项**: - 遍历获取到的...

    下拉列表框文本邦定

    这意味着当用户查看下拉列表时,看到的是从数据库中获取的`sortname`列的值。 #### 7. 执行数据绑定 ```csharp DropDownList1.DataBind(); ``` 调用`DataBind`方法来执行实际的数据绑定过程。此时,`DropDownList`...

    取cxLookupComboBox下拉各列的值

    在本场景中,我们需要讨论的是如何获取`cxLookupComboBox`下拉列表中各列的值。 `cxLookupComboBox`提供了丰富的特性,可以方便地展示和处理多列数据。在描述中提到的“取cxLookupComboBox下拉各列的值”,这通常...

    取组合框下拉列表高亮文本.zip易语言项目例子源码下载

    这个“取组合框下拉列表高亮文本.zip”压缩包提供了一个易语言项目的源码示例,主要展示了如何获取组合框(Combobox)下拉列表中的高亮文本。 组合框是Windows应用程序中常见的控件,它结合了文本框和列表框的功能...

    JQuery关于下拉列表的操作

    在JQuery中,可以通过`val()`方法来获取下拉列表当前选中的值: ```javascript // 获取下拉列表当前选中的值 var selectedValue = $('#sltList').val(); console.log(selectedValue); // 输出选中的值 ``` #### 二...

    下拉列表动态查询

    4. **处理输入**:在事件回调函数中,获取输入框的值,然后遍历下拉列表选项,对比每个选项的文本是否包含输入值。 5. **更新显示**:根据比较结果,更新每个选项的可见性。在jQuery中,可以用`show()`和`hide()`...

    Jquery針對下拉列表操作大全

    ` 获取下拉列表中最大的Option索引值。 **二、设置Select选择的Text和Value** 1. `$("#select_id").get(0).selectedIndex=1;` 可以设置下拉列表中索引值为1的选项为选中状态。 2. `$("#select_id").val(4);` 通过...

    在struts中实现下拉列表

    通过ActionForm对象的`selectedOption`属性,你可以获取用户在下拉列表中选择的值: ```java public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request, ...

    在DataGridView控件中加入ComboBox下拉列表框的实现案例

    而为了增强用户交互和提供更多的操作选项,有时我们需要在`DataGridView`的单元格中集成`ComboBox`控件,这样用户就可以从下拉列表中选择值。本案例将详细介绍如何在`DataGridView`中实现`ComboBox`下拉列表的功能。...

    下拉列表框操作_finished.rar

    B空可能涉及获取下拉列表中的所有选项。Uibot没有内置命令直接获取下拉选项,但我们可以使用`读取属性`(ReadProperty)命令获取HTML元素的属性,比如`innerHTML`,然后通过字符串处理提取选项。如果下拉列表是...

    级联下拉列表工具类,js实现

    2. **JSON数据源**: 级联下拉列表的数据通常存储为JSON格式,每个对象包含`id`、`text`(显示文本)和`parentid`(父ID)等字段。 3. **事件处理**: 用户改变某个下拉列表的选择时触发事件,从而更新其他相关联的...

    c# DataGridView中添加下拉列表

    当用户从下拉列表中选择一个项时,可以监听`CellValueChanged`事件来获取选定的值: ```csharp dataGridView1.CellValueChanged += (sender, e) =&gt; { if (e.ColumnIndex == comboBoxColumn.Index) { string ...

    在Vue 中获取下拉框的文本及选项值操作

    方法1: &lt;!-- element表单组件 --&gt; :model=ruleForm label-position right ref=ruleForm u6807记的 status-icon size=small inline :rules rules label-width=150px ...el-input v-model.number=rul

    下拉列表js操作

    通过`length`属性可以获取下拉列表的选项个数,然后遍历每个选项。 ```javascript for (var i = 0; i ; i++) { // 处理每个选项 } ``` **3. 检查选项是否被选中** 对于每一个`&lt;option&gt;`元素,可以使用`selected`...

    cxLookupComboBox取值

    2. **下拉列表**:它可以显示一个下拉列表,列表中的项可以通过自定义列来展示数据字段。 3. **查找功能**:用户输入部分文本后,组件可以自动过滤列表,显示出匹配的项。 4. **显示与存储值**:可以设置不同的字段...

Global site tag (gtag.js) - Google Analytics