jquery select(js怎么给select赋值)
jQuery对select*作小结(遍历option,*作option)
本篇文章是关于jQuery对select的*作进行了总结介绍需要的朋友可以参考下
//遍历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()==){$(this) remove();}});}else{$(“<option value=>UPS Ground</option>”) appendTo($(“select[@name=ISHIPTYPE]”));}}//取得下拉选单的选取值$(#testSelect option:selected) text();或$(“#testSelect”) find( option:selected) text();或$(“#testSelect”) val();//////////////////////////////////////////////////////////////////记性不好的可以收藏下下拉框: var cc=$(” formc select[@name= country ] option[@selected]”) text();//得到下拉菜单的选中项的文本(注意中间有空格) var cc=$( formc select[@name=”country”]) val();//得到下拉菜单的选中项的值 var cc=$( formc select[@name=”country”]) attr(“id”);//得到下拉菜单的选中项的ID属性值$(“#select”) empty();//清空下拉框//$(“#select”)();$(“<option value=></option>”) appendTo(“#select”)//添加下拉框的option
稍微解释一下: select[@name= country ] option[@selected]表示具有name属性并且该属性值为 country的select元素里面的具有selected属性的option元素可以看出有@开头的就表示后面跟的是属性
单选框:$(“input[@type=radio][@checked]”) val();//得到单选框的选中项的值(注意中间没有空格)$(“input[@type=radio][@value= ]”) attr(“checked” checked);//设置单选框value=的为选中状态(注意中间没有空格)
复选框:$(“input[@type=checkbox][@checked]”) val();//得到复选框的选中的第一项的值$(“input[@type=checkbox][@checked]”) each(function(){//由于复选框一般选中的是多个所以可以循环输出 alert($(this) val());});
$(“#c”) attr(“checked”);//不打勾$(“#c”) attr(“checked” true);//打勾 if($(“#c”) attr( checked)==undefined){}//判断是否已经打勾当然jquery的选择器是强大的还有很多方法<script src=jquery js type=text/j*ascript></script><script language=”j*ascript” type=text/j*ascript>$(document) ready(function(){$(“#selectTest”) change(function(){//alert(“Hello”);//alert($(“#selectTest”) attr(“name”));//$(“a”) attr(“href””xx”);//window location href=”xx”;//alert($(“#selectTest”) val()); alert($(“#selectTest option[@selected]”) text());$(“#selectTest”) attr(“value”””);
});});</script>
<a href=”#”>aaass</a><!下拉框><select id=”selectTest” name=selectTest><option value=””></option><option value=””></option><option value=””></option><option value=””></option><option value=””></option><option value=””></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)[ ] selectedIndex=; radio单选组的第二个元素为当前选中值$( input[@name=items]) get() 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”);//填充内容多选框checkbox$(“#c”) attr(“checked”);//不打勾$(“#c”) attr(“checked” true);//打勾 if($(“#c”) attr( checked)==undefined)//判断是否已经打勾单选组radio$(“input[@type=radio]”) attr(“checked”);//设置value=的项目为当前选中项下拉框select$(“#sel”) attr(“value” sel);//设置value= sel的项目为当前选中项$(“<optionvalue=></option><optionvalue=></option>”) appendTo(“#sel”)//添加下拉框的option$(“#sel”) empty()//清空下拉框
lishixinzhi/Article/program/J*a/JSP/201311/20142
如何使用jquery动态创建一个select控件
jquery文档*作的append()或appendTo()方法可以在被选元素的结尾*内容，因此可用于动态创建select控件
$(“div”).append(“<select></select>”);//在已经存在的div标签下创建select元素
$(“<option></option>”).appendTo($(“select”));//为select元素添加option选项
实例演示：动态创建一个含有两个选项——“黑”“白”的select控件，并默认选中“白”这个选项
示例代码如下
创建Html元素
<divclass=”box”>
<span>点击按钮后创建select标签，并默认选中“白”这个选项：</span><br>
<divclass=”content”></div>
<inputtype=”button”value=”创建select标签”>
</div>
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
select{width:150px;height:30px;border:1pxsolid#6699FF;}
编写jquery代码
$(function(){
$(“input:button”).click(function(){
//创建select
$(“div.content”).append(“<select></select>”);
//添加选项
$(“<option></option>”).val('0').text(“黑”).appendTo($(“select”));
$(“<option></option>”).val('1').text(“白”).appendTo($(“select”));
//设置默认选项
$(“select”).val('1');
})
})
观察效果
初始状态
点击按钮创建select控件之后
jquery选择器select option
应该使用
$('option:selected');
':selected'和$('[name=”value”]')有什么区别呢:
':selected'是jQuery扩展的选择器,并不属于CSS选择器规范,仅适用于动态的获取选中的option.请注意,你选中Select中的option时,虽然select的状态发生了变化,但html标记本身并不会变化.
而$('[name=”value”]')的语法是jQuery的属性选择器,遵循CSS选择器规范.属性选择器是严格和html标记相匹配的,举个例子:$('input[type=”text”]')会命中<input type=”text”>但是不会命中<input>,虽然后者默认是text.
<select>
<option>1<option>
<optionselected>2<option>
<option>3<option>
</select>
$('option[selected]').text();
//页面加载后得到2
//手工选择1或者3后,依然得到的是2.选择select并不会修改html标记.
$('option[selected=”selected”]').text();
//始终得到””,虽然选项2的selected属性的确是selected,但是请注意属性选择器是严格和html标记对应的.
$('option:selected').text();
//页面加载后得到2
//手工选择1得到1,选择3得到3.正式期望的结果.这就是为什么jQuery会扩展出这个选择器.
本文链接：http://www.dike88.com/html/87959642.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
宁德天气预警 宁德十五天天气预报15天
预警分几级1、蓝色预警 暴雪蓝色预警信号：12小时内降雪量将达4毫米以上，或者已达4毫米以上且降雪持续，可能对交通或者农牧业有影响。 台风蓝色预警信号：24小时内可能或者已经受热带气旋影响，沿海或者陆地平均风力达6级以上，或者阵风8级以上并可能持续。 雷雨大风蓝色预警信号：6小时内可能受雷雨大风影响，平均风力可达到6级以上，或阵风7级以上并伴有雷电；或者已经…
-
深圳招聘网站大全？哪些网站可以免费发布招聘信息
深圳教师招聘考试资料有哪些需要买什么书籍啊 资料分享给你，你先看看。电子版的书也有的。 《教资考试笔试、面试资料》网盘资源免费下载 教师资格证的资源，包括历年真题、常见问题的解答思路、技巧等，面试押题，资料包，结构化课程等相关资源，需要的请自行获取，所有资源全部免费的，无其他广告信息，网盘资源也将定期更新，欢迎大家收藏！ 链接：https://pan.bai…
-
宫锁沉香电视剧 电影宫锁沉香资源推荐人数
宫锁沉香剧情介绍《宫锁沉香》赵丽颖在这部影片中饰演的便是反派琉璃，周冬雨则是饰演沉香。 这部剧讲述的是宫女沉香和琉璃原本是一对好姐妹，但是琉璃为了出人头地，选择勾引阿哥，并且还多次陷害沉香。为了不让沉香和阿哥胤祥在一起，甚至还制造两人之间的误会。 好在胤祥和沉香彼此相爱，最终解开了误会，而琉璃也因为自己的行为最后身*，沉香和胤祥也幸福的在一起了。 《宫锁沉香…
-
隆安天气预报，隆安县一周天气情况
广西横县未来三天的天气预报今天是2012年6月10日星期日闰四月廿一相关地区南宁马山上林横县宾阳邕宁隆安武鸣横县(Hengxian) 天气分享：当前实况雷达图>> 气温 50- 25- 0- -25- -50- 32℃相对湿度：66%风向风力 3级 南风 相关数据 今日日出日落时间 05:58| 19:27明日日出日落时间 05:58| 19:2…
-
大嘴巴酸辣粉加盟(大嘴巴加盟费要*)
开酸辣粉店需要*网友您好，您是想在三四线城市创业吧？ 自己做酸辣粉口味掌握不好，技术设备不懂，运营不懂，不会选址，会遇到很多坑，创业不是砸钱解决如何出坑，而是如何通过餐饮创业可以积累原始资金，加盟可以解决这一系列问题，远离创业大坑，有效输出有效积累。 比起动辄大几万，多则10几20几万的快餐，正餐品牌的加盟费，小吃的费用应该是最低的，起步门槛低，风险低，易*…
-
护国神帅叶无道小说 战神叶无道的小说
叶无道请阎罗救徐老是什么小说“叶无道请阎罗救徐老”的小说名字是《护国神帅》。 小说开头是在临海市，国际机场。向来热闹喧嚣的机场，今日一个游人也没有，针落可闻。只有上千荷枪实弹的迷彩服，在翘首期待。一号区，清理完毕！二号区，清理完毕！肩扛两杠三星的上校“孤狼”听完汇报，长长的松了口气。机场清理完毕，请叶帅下机。 叶无道掐灭手中雪茄，缓缓走下私人专机。他身着裘皮…
-
二手宝来报价 15宝来二手车价格
二手宝来自动挡*二手宝来自动挡价格在3至4万元居多，具体需要看您说的二手宝来自动挡车子年限，配置状况等信息才可以准确估价值*。二手车计算评估方法： 1、现在市值价=当时新车*车价×（1-15%）×（1-15%）×（1-15%）×…，即每年递减15%左右，满几年就乘以多少个（1-15%）； 2、看保险还有多长时间，审车还有多长时间，时间还长的须把保…
-
大港油田房屋信息网(大港油田采油小区房屋质量怎么样)
大港油田七期房 背景介绍 大港油田七期房是位于天津市滨海新区的一处新建住宅区，由*石油天然气股份有限*（CNPC）下属的大港油田有限责任*开发建设。该住宅区占地面积约为1000亩，总建筑面积超过100万平方米，规划有多栋高层住宅楼和商业配套设施，预计可容纳数万户居民。 预售*作步骤 1.登录官方网站 首先，前往大港油田七期房官方网站（http://www.d…
-
苏宁电器网上商城手机 网购苏宁易购上的手机可靠吗
苏宁易购和京东商城 苏宁易购与京东商城哪个好 我的经历，我认为京东商城相对较好，购买商品比较靠谱。其中自营商品比第三方更可靠。出了问题，能较为快速的得到处理，苏宁的经历让我至今耿耿于怀，当时购买了尼康单反相机，寄来时包装箱有破损洞口。相机盒子条形码被不同的条形码覆盖。结果我只有退货！这种经历久久不能忘记。在京东，我购买过单反相机、东芝笔记本、台式机电脑。数码…
-
超速20%未达50%怎么处理(超速一次扣12分处理技巧)
新交规超速20%未达50%怎么处理法律主观：驾驶车辆在道路中行走的时候，如超速了的话是会受到相关的处罚的，交通规则里面对超速的行为也做了明确的划分，作为车主应该要能知道具体的处罚知识。新交规超速20%怎么处理记3分，处50元罚款。罚款标准(一)时速超过限定时速不到10%的，给予警告;(二)在限速为50公里以下的道路，时速超过限定时速10%以上不到20%的，处…
.jpg "大港油田房屋信息网(大港油田采油小区房屋质量怎么样)")
