`
java_linkin
  • 浏览: 115705 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

如何用JS获取下拉框的值?

阅读更多
使用目前功能最强大,最流行的jquery库(引用jquery.js文件即可)

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio:   $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                $("#sel").empty();//清空下拉框
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★


http://blog.csdn.net/cutesource

http://blog.csdn.net/pp156

http://android.group.iteye.com/group/topic/21056
分享到:
评论

相关推荐

    EXTJS 选下拉框,并取得下拉框的值

    要获取用户选定的下拉框值,你可以使用`getValue()`方法。例如,你可以在按钮的点击事件中调用这个方法: ```javascript var comboBox = Ext.getCmp('comboBoxId'); // 获取下拉框组件 var selectedValue = ...

    下拉框值触发另一个下拉框

    "下拉框值触发另一个下拉框"这个功能就是一种常见的交互设计,通常应用于表单或者数据选择场景。这样的设计能够帮助用户根据前一个选择来过滤或定制后一个选项,从而简化操作流程。 首先,我们来理解下拉框...

    angularjs 动态从后台获取下拉框的值方法

    angularjs 动态从后台获取下拉框的值,只要是使用repeat指令,后台提供的是一个list的对象,里面包含value和显示的值,如下: js文件: //职务等级和档次/军衔等级和档次,需要从后台获取:poslist,type:2/3/4/5 $scope....

    javascript获取下拉列表的值

    现在,让我们看看如何使用JavaScript来获取选中的选项的值。主要有两种方法: ### 方法一:通过ID获取 如果你知道下拉列表的ID,你可以直接通过`document.getElementById()`来访问它,然后使用`.value`属性获取...

    JS获取下拉框显示值和判断单选按钮的方法

    本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下: 1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法: Html源码如下: &lt;html&gt;&lt;body&...

    使用JavaScript实现下拉框的动态控制

    ### 使用JavaScript实现下拉框的动态控制 #### 引言 在Web开发中,下拉框作为用户界面的重要组成部分,提供了高效的选择机制,允许用户从一组预设的选项中进行选择。然而,静态的下拉框往往无法满足复杂的业务需求...

    利用js获取下拉框中所选的值

    在JavaScript编程中,获取下拉框(Dropdown List)中用户所选的值是一项常见的任务,尤其是在Web开发中。本文将详细介绍如何使用JavaScript实现这一功能,并提供一个具体的实例代码供参考。 首先,我们要理解HTML中...

    layui下拉框获取下拉值(select)的例子

    本文将详细讲解如何在 Layui 中获取下拉框的选中值,并通过一个具体的例子来演示这一过程。 首先,我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `&lt;select&gt;` 元素进行封装的,...

    select获取下拉框的值 下拉框默认选中方法

    select获取下拉框的值和默认选中方法 ...select获取下拉框的值和默认选中方法是非常重要的skills在实际开发中,我们经常需要使用这些方法来实现特定的功能。.mastering这两种方法可以帮助我们更好地开发Web应用程序。

    jquery获取当前选中下拉框的各个属性

    #### 获取下拉框的属性 **1. 获取选中的文本(`text`)** - **语法**: `$("#ddlregtype").find("option:selected").text();` - **说明**: 此方法通过`find()`方法找到被选中的`&lt;option&gt;`元素,并使用`.text()`...

    JavaScript实现获取select下拉框中第一个值的方法

    本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下: 1、说明 获取select下拉框中的第一个值 2、实现源码 &lt;!DOCTYPE ...

    javascript实现下拉框二级联动

    本文将详细介绍如何使用JavaScript实现这种功能。 首先,我们需要理解HTML结构。通常,二级联动下拉框由两个`&lt;select&gt;`元素组成,每个`&lt;select&gt;`包含若干个`&lt;option&gt;`。例如: ```html 一级选项1 一级选项2 .....

    Javascript 操作select下拉框

    下面将详细介绍如何使用 JavaScript 来操作 `select` 下拉框中的选项。 #### 1. 检查 Select 下拉框中是否存在特定值 (jsSelectIsExitItem) ```javascript function jsSelectIsExitItem(objSelect, objItemValue) ...

    js 可输入下拉框(jquery)

    在JavaScript和jQuery的世界里,"js 可输入下拉框(jquery)"是一个常见的交互设计需求,它结合了传统下拉框的简洁性与输入框的搜索功能,为用户提供更友好的交互体验。这种组件通常被称为“Autocomplete”或...

    1.4.4.min.js版本下拉框自带模糊搜索功能实现

    // 获取下拉框元素 var selectBox = document.getElementById('mySelect'); // 创建输入框元素 var inputBox = document.createElement('input'); inputBox.addEventListener('input', function() { var value = ...

    js简单下拉框

    这段代码首先通过ID获取下拉框元素,然后找到当前选中的`option`,并输出其`value`属性。 2. 设置默认选中项: ```javascript dropdown.selectedIndex = 2; // 将选项3设为默认选中 ``` 这里将下拉框的`...

    javascript自定义下拉框

    6. **API接口**:提供获取和设置选中值的接口,方便与其他组件或业务逻辑交互。 7. **无障碍性**:遵循WCAG标准,确保辅助技术如屏幕阅读器的兼容性。 在使用这个插件时,我们需要注意以下几点: - **引入插件**:...

Global site tag (gtag.js) - Google Analytics