- 浏览: 2333127 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (559)
- JavaScript (55)
- windows (21)
- mysql (7)
- php (199)
- thinkphp (2)
- 互联网 (42)
- flash (3)
- html (9)
- phpcms (11)
- ffmpeg (6)
- 生活 (108)
- flash小游戏 (11)
- 软件 (35)
- css (1)
- JavaScript 二维码 (0)
- 二维码 (1)
- 桌面图标 (1)
- ping服务 (1)
- 百度 (2)
- 搜索引擎 (1)
- seo (1)
- 整形美容 (1)
- 深圳婚纱摄影 (1)
- 武汉婚纱摄影 (2)
- 淘宝 (0)
- 冬装 (0)
- 女装 (0)
- 新款冬装女装 (0)
- freebsd 操作系统 (1)
- editplus (1)
- svn (1)
- 微信 (1)
- 微商 (1)
- curl (1)
- 远程 (1)
- 防盗链 (1)
- vc2012 (1)
- Alexa (1)
- bootstrap (1)
- fileinput (1)
- webuploader (1)
- mip (1)
- 正则 (1)
最新评论
-
hexawing:
啥原理……貌似很神奇啊
excel写保护(非打开保护)的破解方法 -
化蝶自在飞:
注意upload.js的配置参数 sendAsBinary
webuploader实例php 配合fastDFS远程跨域上传回调的注意点 -
化蝶自在飞:
增加一个微信内置浏览器的useragent:
Mozilla/ ...
浏览器useragent大全 -
化蝶自在飞:
leiliang10 写道你揍是个骗纸此话怎讲?这个工具是我自 ...
mp4、mov视频元数据头信息修复工具 支持h.264编码边下边播 -
leiliang10:
你揍是个骗纸
mp4、mov视频元数据头信息修复工具 支持h.264编码边下边播
jQuery获取Select选择的Text和Value:
语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery设置Select选择的 Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中
语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
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();//清空下拉框
----------------------------------------------------------------------------------------------------
//遍历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();
//////////////////////////////////////////////////////////////////
记 性不好的可以收藏下:
1,下拉框:
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){} //判断是否已经打勾
当然jquery的选择器是强大的. 还有很多方法.
<script src="jquery-1.2.1.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTest").change(function()
{
//alert("Hello");
//alert($("#selectTest").attr("name"));
//$("a").attr("href","xx.html");
//window.location.href="xx.html";
//alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");
});
});
</script>
<a href="#">aaass</a>
<!--下拉框-->
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
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的项目为当前选中项
$("<optionvalue='1'& gt;1111</option><optionvalue='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option
$("#sel").empty();// 清空下拉框
获取一组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();// 清空下拉框
转载太多次,原作者已不可考,感谢原作者的贡献,以及k686绿色软件(http://www.k686.com/)的供稿.
评论
挺好的,谢了,1楼你没有加载jquery Do元素当然出不来喽。
<script>
$(function(){ //$(document).ready(function(){})
alert( $('select').val() );
});
</script>
结果还是underfined!
直接锁定id不行么.
<select id="selid">
alert( $('#selid').val() );
不然jquery怎么知道是哪一个select呢?
<select>
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</form>
上面是我的html结构。下面是jQuery代码:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
alert( $('select').val() );
</script>
为什么结果是underfind啊?
我看了好多文档了,这样做没错啊?为什么就不行了呢?
发表评论
-
webuploader实例php 配合fastDFS远程跨域上传回调的注意点
2016-08-02 19:31 3271webuploader上传控件是百度官方提供的一套基于ht ... -
bootstrap上传插件fileinput自动上传&上传成功回调的方法
2016-05-04 19:25 11303bootstrap上传插件fileinput功能非常强大, ... -
bootstrap上传插件fileinput自动上传&上传成功回调的方法
2016-05-03 20:16 21bootstrap上传插件fileinput功能非常强大,本 ... -
微信内置浏览器图片查看方式的原生实现(非jssdk)
2015-06-29 13:30 9962对于非公众平台网页,想调起图片预览组件,就跟公众号文章一样的 ... -
ajax提交表单的一些注意事项:解释为什么return false却依然提交
2012-02-02 19:10 2105ajax提交表单的一些注意事项.ajax提交表单是经常用到的. ... -
phpcms v9编辑器ckeditor数据恢复功能
2011-11-12 21:57 2814为phpcms v9的ckeditor编辑器开发的数据恢复功能 ... -
php+js抓取太平洋汽车网数据自动填表的一个实现
2011-11-11 22:34 2893主要是php输出json,js解析的模式 function ... -
jQuery二维码插件-改自MyQRCode,支持中文字符
2011-08-27 19:34 3848jQuery二维码插件-改自MyQRCode /** ... -
ajax中文参数乱码&ajax缓存的解决方法
2011-07-19 22:13 1547function ajax_get_xm(id,value ... -
jquery和multiple的前世今生-一点点代码收集
2011-03-17 13:43 1232<script type="text/ja ... -
对联广告代码_兼容jquery框架
2011-03-15 09:51 2625对联广告代码: suspendcode="< ... -
二维json格式的解法
2011-01-26 11:01 5082从淘宝数据魔方抓取来的行情简报,json格式如下: [[{& ... -
ckeditor编辑器Word文档粘贴自动去格式的解决方法
2011-01-12 22:36 7778ckeditor,个人感觉相当难用,默认版本会自动格式化从Wo ... -
ckeditor编辑器字体字体大小的调整
2011-01-05 19:55 2888ckeditor编辑器字体字体大小的调整,for phpcms ... -
select下拉框下拉跳转代码
2010-12-22 09:12 3306select下拉框下拉跳转代码 <select na ... -
jquery val() 返回undefined的问题
2010-12-14 17:07 2684jquery val() 返回undefined的问题. ... -
js动态显示时间_js 显示时间的一般写法
2010-12-08 15:43 2010js动态显示时间_js 显示时间的一般写法,数秒效果.不是那种 ... -
分享几条伪静态规则的写法 .htaccess
2010-11-29 10:47 2977RewriteEngine on ... -
js解析php返回的数组格式字符串
2010-11-28 23:43 3210ajax请求php返回一个数组格式的字符串,情况特殊不能修改p ... -
js中replace的用法 正则替换全部符合条件的字符串
2010-11-28 23:38 2308js中replace的用法. <script lan ...
相关推荐
jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
本文将详细介绍如何使用jQuery来操作下拉框(DropDownList)进行取值和赋值。 首先,要获取下拉框中选中项的值,可以使用jQuery的`.val()`方法来获取选中项的Value值,这是实际存储在HTML标签中`value`属性的值。...
动态赋值技术的好处在于可以非常灵活地处理数据,比如在实际应用中,下拉框可能是用于选择产品、城市、员工等,通过动态赋值技术,可以让用户在操作界面上看到最新的选项,这对于提高网站的用户体验和数据的准确性...
在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的...这些是jQuery中基本的取值、赋值以及选择元素、操作和事件绑定的方法,掌握了这些基础知识,就能进行基本的DOM操作和交互。
以上就是jQuery对HTML元素取值与赋值的基本操作,这些方法使得开发者能够方便地处理网页上的各种输入控件,提高开发效率。在实际应用中,还可以结合其他jQuery方法和选择器来实现更复杂的功能。
除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...
在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...
在jQuery中,对表单元素进行取值和赋值是常见的操作,这在网页交互和数据处理中至关重要。以下是对给定标题和描述中的知识点的详细说明: 1. **文本框(TEXT.AREATEXT)的取值和赋值**: - 取值:`$("#text_id")[0...
最后,本文还介绍了如何使用jQuery操作select下拉框的选中项。获取下拉框中选中项的文本、值或索引都可以通过jQuery提供的方法来实现。例如获取选中的text可以使用: ```javascript $("#ddlRegType").find("option:...
### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...
除了取值和赋值,jQuery还提供了一些辅助方法来进行表单元素的操作: - **重置表单**: - 重置表单内的所有元素:`$("form").each(function(){.reset();});` - **向下拉框添加选项(OPTION)**: - 向指定的...
本文将深入探讨`val()`方法在表单取值和赋值中的应用,以及一些相关的注意事项。 首先,`val()`方法在单选和多选`<select>`元素中的使用。如描述中所示,我们可以使用`val()`轻松获取或设置这些元素的值。以下是一...
在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...
具体涉及的内容包括但不限于:jQuery初始化、页面元素的操作如取值与赋值、样式的动态更改、各类DOM事件监听与触发,还涵盖下拉框(select)、单选按钮(radio)与复选框(checkbox)的具体操作。 适合人群:对于...
jquery.multiselect插件将`<select>`元素转换为一个对象,这个对象支持`.val()`方法来获取当前选中的值。由于多选下拉框中的`<option>`元素是多选的,所以返回的是一个数组。而赋值通常在定义HTML代码时就已经完成,...
JavaScript是Web开发中不可或缺的一部分,它提供了丰富的功能和方法来操作网页内容。在这个文档中,我们整理了几个关键的JavaScript和jQuery知识点。 1. `toLocaleLowerCase()` 方法:这是一个字符串方法,用于将...
在接下来的讲解中,我们将探讨如何使用jQuery为这些常见的表单控件赋值,这在构建动态网页时是非常重要的,因为它允许我们根据需要更新界面状态,为用户提供反馈,或进行数据验证。理解这些基础操作对于熟练掌握...