`

jquery处理select,text等input标签内容

阅读更多

Jquery1.8中文API:http://www.pcxyz.com/

 

jQuery(this).attr({"disabled":"disabled"});

jQuery("#test").removeAttr("disabled");

 

动态添加input标签

 

var iii = $('<input type="hidden" name="yearp[]" />');
    iii.val(year);
    $("#abc").append(iii); 

//取得下拉选单的选取值

$('#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();

 

//清空下拉框//

$("#select").find("option").remove();

$("#select").empty();

$("#select").html('');

 

//删除

$("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option

 

//添加下拉框的option

$("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置)

//为Select追加一个Option(下拉项)
$("<option value='1'>1111</option>").appendTo("#select")

或$("#select").append("<option value='1'>1111</option>");

 

1.select[@name='country'] option[@selected] 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。

2,单选框:
$("input[@type=radio][@checked]").val();   //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

 

3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
   alert($(this).val());
   });

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾

 

select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

$("#select_id option[text='jQuery']").attr("selected", true);    //设置Select的Text值为jQuery的项选中

 

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();

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

 

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

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

 

var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值$("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发

分享到:
评论

相关推荐

    jquery input文本框模拟select选择框获取选定

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写,尤其是在处理DOM操作、事件处理以及动画效果等方面。对于标题提到的"jquery input文本框模拟select选择框获取选定",这是...

    jquery input text文本框模拟select框美化

    jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化 jquery input text文本框模拟select框美化

    Jquery获取Select标签的值

    除了获取 Select 标签的值之外,还可以通过 jQuery 来控制其他表单元素的行为,包括文本框、复选框、单选按钮等。 ##### 1. 文本框与文本区域 - **清空内容**:`$("#txt").val("");` - **填充内容**:`$("#txt")....

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    jQuery获取Select标签的手册

    若要获取`Select`标签中当前选中选项的文本内容,可以使用`$("select").find("option:selected").text()`。例如: ```javascript var selectedText = $("select").find("option:selected").text(); ``` 这将...

    jquery实现select带模糊搜索下拉选择框

    在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...

    jQuery模拟select效果

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。在一些场合,由于浏览器兼容性问题或者设计需求,我们可能需要模拟原生HTML `&lt;select&gt;` 标签的功能,例如创建下拉...

    Jquery combo-select

    其中,"jQuery combo-select"是一种常见的交互元素,它将传统的下拉选择器(select)与输入框(input)相结合,形成一种增强型的组合选择器,既提供了搜索功能,又允许用户自定义输入,极大地提升了用户体验。...

    Jquery操作Select option整理

    jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得处理`&lt;select&gt;`元素变得简单高效。本文档汇总了一系列关于如何使用jQuery来操作`&lt;select&gt;`元素及其`&lt;option&gt;`子元素的方法,旨在为前端开发者...

    JQuery操作select

    `$("#testSelect option:selected").text()`和`$("#testSelect").find('option:selected').text()`都是获取选中option的文本内容,而`$("#testSelect").val()`则是获取选中option的值。这些方法在需要读取用户选择时...

    jquery操作select大全

    ### jQuery操作Select大全知识点详解 #### 1. 概述 jQuery操作Select大全主要包含了一系列使用jQuery操作select下拉列表的方法和实例。在Web开发过程中,动态地与select元素进行交互是常见的需求,jQuery为此提供...

    jQuery input文本框点击下拉菜单选择代码

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本文将详细讲解如何使用jQuery实现一个功能,即当用户点击input文本框时,弹出一个下拉菜单供用户选择。...

    jQuery模拟Select下拉菜单选中添加代码

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画制作等任务。在本文中,我们将深入探讨如何使用jQuery来模拟一个具有选中效果和搜索功能的Select下拉菜单,这在多选场景中...

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jquery input下拉菜单选中效果.zip

    在这个案例中,我们需要处理的是一个input元素,可能是type为"select"的HTML元素,因为通常下拉菜单与select标签关联。然而,由于标题中提到的是"模拟select下拉菜单",所以我们可能需要创建一个自定义的下拉菜单,...

    jquery获得select option值

    这里使用了`option:selected`选择器来选取当前被选中的`&lt;option&gt;`元素,并通过`.text()`获取其文本内容。 2. **设置默认选中的下拉项**: ```javascript $('#select_id')[0].selectedIndex = 1; ``` 通过直接...

    jquery_select

    除了`&lt;select&gt;`元素,jQuery也支持对其他表单元素如`&lt;input type="radio"&gt;`, `&lt;input type="checkbox"&gt;`, `&lt;input type="text"&gt;`, `&lt;textarea&gt;`等进行操作: - **获取radio或checkbox的值**:`$("input[name=items]...

    dropdown(CSS+jquery,not select)

    1. 慎用JavaScript:对于基本的显示/隐藏功能,可以考虑使用CSS伪类(如`:checked`)配合`&lt;input type="checkbox"&gt;`来实现,减少对JavaScript的依赖。 2. 考虑浏览器兼容性:确保CSS和jQuery代码适用于主流浏览器,...

    jquery操作Radio、Checkbox、Select Demo

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果和Ajax交互。本教程将深入探讨如何使用jQuery来操作HTML中的Radio按钮、Checkbox复选框以及Select下拉列表。 一、...

Global site tag (gtag.js) - Google Analytics