jquery如何获取 select option的值?

jquery如何获取 select option的值?,第1张

在HTML中,select控件的值等于其当前选中的option的值,所以:

$("select")val(); // 可以获取select当前的值

如果想获取当前select下option的所有的值,则:

var selValue = []; // 定义一个空数组用于接收select下option所有的值

var options = $("select")find("option"); // select下所有的option

for (var i=0; i<optionslength; i++) {

    selValuepush(optionseq(i)val()); // 将所有的值赋给数组

}

第一个问题:var d=$("#btn");btext();就可以获取按钮上的文本;

第二个问题:要取后台方法的值,要使用ajax,后台返回true,前台就可以得到true。

jQuery的val()方法是专门用来获取表单元素值的,而textarea也属于表单元素所以可以直接用val()方法获取。

不过要注意,由于textarea是个双标记,因此text()或html()方法也可以获取到其中的信息,但建议不要这样获取,因为val()是专用于获取值的方法,比text()或html()更可靠,而text()和html()在某些情况下无法获取到值。

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强,比如元素迭代和数组处理等操作。

增强的事件处理

jQuery提供了各种页面事件,它可以避免程序员在HTML中添加太事件处理代码,最重要的是,它的事件处理器消除了各种浏览器兼容性问题。

:jQuery

var test = $("#Yonghuming_textbox")val(); //你上面val少一个括号()

if(test==""){

alert("1");

} else{

alert("2");

}

如果文本框输入为空,则输出“1”,否则输出“2”

demo:

<select name="cityCode" id="cityCode" class="span2">

<option value="beijing">北京</option>

<option value="sanya" selected="selected">三亚</option>

<option value="shanghai">上海</option>

</select>

jquery获取方法选中的城市三亚:

$('#cityCode')find("option:selected")val()

首先$('#cityCode')根据id找到对应的select元素,然后通过jquery的find方法找到被选中的option元素,然后val()直接获取option的value。

或者

$("#cityCode option:selected")val();

下面的写法更简洁、条件拼接,实际与上面的是一致。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » jquery如何获取 select option的值?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情