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/javascript></script> <script language="javascript" type=text/javascript> $(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/Java/JSP/201311/20142

原生的方法，用于获取元素的个数或者对象的长度，从1开始

//用于获取对象的长度，从1开始

var length = $("#uw3c")length;

size()是jQuery中的方法，用来获取元素个数，从1开始。

var length = $("#uw3c")size();

length与size()的区别：

如果要是获取字符串长度的话，那么用那个都一样。如果要是获取元素个数，那么只能用size();

<input type="text" value="some text"/>

$("input")val();

结果是：some text

至于判断字数部分，你可以javascript来做就可以了

还有类似功能的2个函数

<div><p>Hello</p></div>

$("div")html();

结果是：Hello

<p><b>Test</b> Paragraph</p><p>Paraparagraph</p>

$("p")text();

结果是：Test ParagraphParaparagraph

jQuery的length 属性可以获取包含 jQuery 对象中元素的数目，所以获取input的个数可用如下代码实现

$('input')length;       // 所有input的数量，包括文本框、单选按钮、复选框、隐藏域等

$('input:text')length;  // 文本框的数量

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取文本框数量：</span><br>

<div class="content">

<input type="text" name="name" value="John"/>

<input type="text" name="password" value="jack"/>

<input type="text" name="url" value="tom"/>

</div>

<input type="button" value="点击获取文本框数量">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

input[type='text']{width:200px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

编写jquery代码

$(function(){

$(":button")click(function() {

alert($("input:text")length);

})

})

观察效果

jquery设置内容 - text()、html() 以及 val()

我们将使用前一章中的三个相同的方法来设置内容：

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML标记）

val() - 设置或返回表单字段的值

下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：

text()、html() 以及 val() 的回调函数

上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

下面的例子演示带有回调函数的 text() 和 html()：

[JQuery]怎样获取和修改文本框的值：

文本框是指

表单中type 为text ，或者是hidden的标签。例如：[html] view plain copy

文本框:

<input type="text" value="text文本框" name="username" id="username"/><br/>

获取文本：

$("#username")val()

"text文本框"

或者

$("#username")attr("value")

"orangleliu"

设置文本：

$("#username")val("orangleliu")

以上就是关于jQuery对select *** 作小结(遍历option, *** 作option)全部的内容，包括:jQuery对select *** 作小结(遍历option, *** 作option)、jq ajax 返回的数据怎么获取其中一部分、用jquery 怎么获取文本框内输入的文字字数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！