select">jquery select取值,赋值操作
一、获取Select
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的索引:
$("#ddlRegType").get(0).selectedIndex;
二、设置Select
设置select 选中的索引:
$("#ddlRegType").get(0).selectedIndex = index;//index为索引值
设置select 选中的value:
$("#ddlRegType").attr("value","Normal“);
$("#ddlRegType").val("Normal");
$("#ddlRegType").get(0).value = value;
设置select 选中的text:
1 var count = $("#ddlRegType option").length;
2
3 for(var i=0;i<count;i++)
4 {
5 if($("#ddlRegType ").get(0).options[i].text == text)
6 {
7 $("#ddlRegType ").get(0).options[i].selected = true;
8 break;
9 }
10 }
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
下拉框:
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的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);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾
//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}
//取得下拉选单的选取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
更多详细内容请查看:http://www.111cn.net/wy/jquery/39494.htm
分享到:
相关推荐
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...
在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...
在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...
除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...
在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作HTML元素,包括取值和赋值。本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框...
select>的id 2.设置选中项:$(“select[@id=’pagesize_slt’]”)[0].selectedIndex = 1;//—–<select>的index从0开始,所以1是第二项 很奇怪的是,我是用id来获取的,应该是唯一值,但$(“select[@id=’...
本文将详细介绍如何使用jQuery来操作下拉框(DropDownList)进行取值和赋值。 首先,要获取下拉框中选中项的值,可以使用jQuery的`.val()`方法来获取选中项的Value值,这是实际存储在HTML标签中`value`属性的值。...
本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先,我们来看一下如何对RadioButton进行操作。单选按钮通常是组出现的,同一组内只有一个选项可以被选中。通过jQuery可以很方便地设置某个单选...
在jQuery中,对表单元素进行取值和赋值是常见的操作,这在网页交互和数据处理中至关重要。以下是对给定标题和描述中的知识点的详细说明: 1. **文本框(TEXT.AREATEXT)的取值和赋值**: - 取值:`$("#text_id")[0...
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...
在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...
本文将深入探讨`val()`方法在表单取值和赋值中的应用,以及一些相关的注意事项。 首先,`val()`方法在单选和多选`<select>`元素中的使用。如描述中所示,我们可以使用`val()`轻松获取或设置这些元素的值。以下是一...