博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Selct 大全
阅读量:5121 次
发布时间:2019-06-13

本文共 3383 字,大约阅读时间需要 11 分钟。

添加option

$
("#ID option").each(function(){ if($(this).val()==111){ $(this).remove(); } });

移除option

$
("<option value='111'>UPS Ground</option>").appendTo($("#ID"));

取得下拉选单的选取值

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

根据option的值选中下拉框

$
('#testSelect').val('111');

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($("#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被选中 项的值

varitem= $('input[@name=items][@checked]').val();

获取select被选中项的文本

varitem= $("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'>1111</option><optionvalue='2'> 2222</option>").appendTo("#sel")//添加下拉框的option $("#sel").empty();// 清空下拉框

获取一组radio被选中项的值

varitem= $('input[@name=items][@checked]').val();

获取select被选中项的文本

varitem= $("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();// 清空下拉框

转载于:https://www.cnblogs.com/hanxingli/p/5601485.html

你可能感兴趣的文章
java SE :标准输入/输出
查看>>
一些方便系统诊断的bash函数
查看>>
jquery中ajax返回值无法传递到上层函数
查看>>
css3之transform-origin
查看>>
Master选举原理
查看>>
[ JAVA编程 ] double类型计算精度丢失问题及解决方法
查看>>
小别离
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
php match_model的简单使用
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>