作家
登录

JQuery select标签操作代码段

作者: 来源:www.28hudong.com 2013-03-30 01:35:39 阅读 我要评论

下面几个常用的代码或许对您有帮助: 复制代码 代码如下://1.获取选中option值 $('#selectList').val(); //2.获取选中option的文本 $('#selectList :selected').text(); //3.获取多个选中option值、文本 var foo = []; $('#multiple :selected').each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $('#multiple :selected').val(); //4.使用选项option的条件表达式 switch ($('#selectList :selected').text()) { case 'First Option': //do something break; case 'Something Else': // do something else break; } //5.删除某个value=2的option $("#selectList option[value='2']").remove(); //6.从list A 移动option到 list B. // here we have 2 select lists and 2 buttons. If you click the “add” button, // we remove the selected option from select1 and add that same option to select2. // The “remove” button just does things the opposite way around. // Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code. $().ready(function() { $('#add').click(function() { return !$('#select1 option:selected').appendTo('#select2'); }); $('#remove').click(function() { return !$('#select2 option:selected').appendTo('#select1'); }); }); 如果您不了解JQuery,可以先看它的文档。

  推荐阅读

  Js 随机数产生6位数字

复制代码 代码如下:<script type="text/javascript"> function MathRand() { var Num=""; for(var i=0;i<6;i++) { Num+=Math.floor(Math.random()*10); } document.getElementById("Lb_Random").innerText=Num; do>>>详细阅读


本文标题:JQuery select标签操作代码段

地址:http://www.17bianji.com/kaifa2/JS/26402.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)