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

获取Select下拉列表的value and text

阅读更多

 

var array = document.getElementsByName('INDEXID');
var indexIdObj = array[0];
var text =  indexIdObj.options[indexIdObj.selectedIndex].text;
var value = indexIdObj.options[indexIdObj.selectedIndex].value;
var array1 = document.getElementsByName('INDEXNAME');
if(value==""){
  array1[0].value = '';
  return;
}
  array1[0].value = text;

 页面代码:

 <td class="editer1Td" width="15%"><div align="right">内部索引字段:</div></td>
        <td class="editer2Td" width="35%">
                 			<html:select property="INDEXID" style="width:150px;" onchange ="selectValue()">
                                   <option value="">请选择</option>
                                   <html:options collection="SME_INDEX_INDEXID" property="value" labelProperty="label"/>
                   			</html:select>
        </td>
        <td class="editer1Td" width="15%"><div align="right">内部索引名称:</div></td>
        <td class="editer2Td" width="35%">
                               <html:text property="INDEXNAME" size="20" style="width:150px;" maxlength="20" readonly="true"/>
        </td>

 

分享到:
评论

相关推荐

    select多选下拉列表+模糊查询功能.rar

    select多选下拉列表+模糊查询功能,亲测完整,有ASP和HTML样例,代码完整。 &lt;!DOCTYPE html&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;script src="jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src=...

    JS获取select的value和text值的简单实例

    - `selectId.add(new Option("第一个", "1"))`:创建一个新的`Option`对象,其中第一个参数是`text`,第二个参数是`value`,然后将其添加到`selectId`下拉列表中。 3. **`onchange`事件**:当用户更改`&lt;select&gt;`的...

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    js模拟点击select下拉菜单列表代码

    `&lt;select&gt;`是HTML中用于创建下拉列表的标签,用户通常需要点击才能展开选项,但有时为了实现特定的交互效果,我们可能需要通过JS来触发这个行为。 首先,我们需要了解`&lt;select&gt;`的基本结构。一个简单的`&lt;select&gt;`...

    select下拉选择不同状态

    本文将深入探讨如何实现一个“select下拉选择不同状态”的功能,这通常用于提供更丰富的用户体验,例如根据不同的选项状态展示不同的颜色。 标题中的“select下拉选择不同状态”指的是在HTML的`&lt;select&gt;`元素中,每...

    三级下拉列表 select 网页 html5

    在网页设计中,三级下拉列表是一个常见的交互元素,它用于提供多级分类的选择,比如在模拟地区选择时,我们可能会看到省-市-区这样的三层结构。在HTML5中,这种复杂的下拉列表通常结合`&lt;select&gt;`标签、JavaScript...

    vue.js 获取select中的value实例

    在本文中,我们将学习如何在Vue.js框架中获取select下拉列表中的选中值。Vue.js是一种流行的JavaScript框架,用于构建用户界面和单页应用程序。它允许我们使用响应式数据绑定和组件化的视图组件。下面,我们将通过一...

    实现select下拉选项可编辑

    '&lt;input type="text" class="selecttext" size="' + size + '" name=' + name + ' value="' + defaulttext + '" ' + readonly + '&gt;' + '&lt;td&gt;&lt;button class="selectbutton" id="' + this.buttonname + '"&gt;6&lt;/td&gt;&lt;/...

    下拉列表按键自动选择

    在IT领域,"下拉列表按键自动选择"是一种常见的用户界面交互功能,它极大地提高了用户在输入信息时的效率和体验。下拉列表,也称为下拉菜单或选择框,是用户界面设计中的一个重要元素,它允许用户从一组预定义的选项...

    在datagridview控件实现下拉列表

    为了提高用户体验,我们有时需要在某些单元格内添加下拉列表功能,让用户能够从预定义的选项中选择,而不是直接输入。本篇文章将详细讲解如何在DataGridView控件中实现下拉列表功能。 首先,你需要创建一个...

    Jquery針對下拉列表操作大全

    **一、获取Select选择的Text和Value** 1. 通过`$("#select_id").change(function(){...})`,我们可以为下拉列表添加事件监听器,当用户改变选择时触发指定的函数。 2. `var checkText=$("#select_id").find("option...

    js获取下拉列表框&lt;option&gt;中的value和text的值示例代码

    首先,`&lt;option&gt;`标签用于创建下拉列表中的选项。它有两个关键属性: 1. `value`:这个属性定义了选项的值,通常用于服务器端处理或作为数据传递。例如,在`&lt;option value="value-a"&gt;text-a&lt;/option&gt;`中,`value-a`...

    JS获取下拉列表所选中的TEXT和Value的实现代码

    在JavaScript中,获取下拉列表(`&lt;select&gt;`元素)所选中的文本(`text`)和值(`value`)是一项常见的需求。这在网页交互中尤其有用,例如提交表单时获取用户的选择,或者根据用户的选择做出动态响应。在给出的示例...

    用jquery获取select标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

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

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

    js实现下拉列表选中某个值的方法(3种方法)

    JavaScript实现下拉列表选中某个值的方法主要包括三种方式,分别为通过索引选择、通过name或id选择以及通过value值选择。以下详细阐述每种方法的实现原理和步骤。 首先,了解基本的HTML结构,一个下拉列表通常由一...

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

    总结来说,为下拉列表的选中项设置文本值主要涉及修改`selectedIndex`属性,而获取选中项的文本值则需要利用`options`和`text`属性。理解并熟练运用这些方法,能够帮助开发者更高效地处理与下拉列表相关的交互逻辑。...

    使用select2实现下拉列表动态模糊查询

    Select2 是一个强大的jQuery插件,它提供了美观且可自定义的下拉列表,支持搜索、多选、分页等特性。 **1. Select2 的安装与引入** 在你的项目中使用Select2,首先需要下载或通过CDN引入所需文件。在这个压缩包中...

    jQ - select(下拉列表)

    在网页设计中,`&lt;select&gt;`元素经常用于创建下拉列表,它允许用户从一组预定义的选项中选择一个。然而,原生的HTML下拉列表样式可能在不同浏览器间存在差异,且功能有限,不便于自定义。在这种情况下,使用jQuery来...

    jQuery获取Select标签的手册

    `Select`标签常用于创建下拉列表,允许用户在多个选项中进行选择。本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`...

Global site tag (gtag.js) - Google Analytics