jquery怎么获取select选中的值

JQuery是控制和 *** 作select详解。

先看下面的html代码

<select id="test">

<option value="1">选项一<option>

<option value="2">选项一<option>

<option value="n">选项N<option>

</select>

所谓jQuery *** 作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：

//获取第一个option的值

$('#test option:first')val();

//最后一个option的值

$('#test option:last')val();

//获取第二个option的值

$('#test option:eq(1)')val();

//获取选中的值

$('#test')val();

$('#test option:selected')val();

//设置值为2的option为选中状态

$('#test')attr('value','2');

//设置最后一个option为选中

$('#test option:last')attr('selected','selected');

$("#test")attr('value' , $('#test option:last')val());

$("#test")attr('value' , $('#test option')eq($('#test option')length - 1)val());

//获取select的长度

$('#test option')length;

//添加一个option

$("#test")append("<option value='n+1'>第N+1项</option>");

$("<option value='n+1'>第N+1项</option>")appendTo("#test");

//添除选中项

$('#test option:selected')remove();

//删除项选中(这里删除第一项)

$('#test option:first')remove();、

//指定值被删除

$('#test option')each(function(){

if( $(this)val() == '5'){

$(this)remove();

}

});

$('#test option[value=5]')remove();

//获取第一个Group的标签

$('#test optgroup:eq(0)')attr('label');

//获取第二group下面第一个option的值

$('#test optgroup:eq(1) : option:eq(0)')val();

当前值是：

<select onchange="alert(thisvalue);">

<option value="test1">test1</option>

<option value="test2">test2</option>

</select>

javascript简介：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

$("select option:selected")attr("自定义属性名");

//自定义属性名称前加data- 这样更符合html5的规范，例如

<option data-name="hi">XXX</option>,这样可以使用另一种方法获取自定义属性的值

$("select option:selected")data("name");//这样可以获取到上面data-name的值

今天写代码遇到一个问题，在jsp页面中通过form的得到的select标签的值，form提交给自身页面，然后通过requestgetParameter（）方法取得值测试代码如下(文件名为：testselectjsp)： My JSP 'testselectjsp' starting page 通过requestgetParameter("number")方法取得下拉框选取的值 运行界面：

jQuery获取Select元素，并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项：

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示：假如希望当选择选择第三类时：如果第四类中有数据则删除，如果没有数据第四类的商品中的为默认值。

获取Select ：

获取select 选中的 text :

$("#ddlRegType")find("option:selected")text();

获取select选中的 value:

$("#ddlRegType ")val();

获取select选中的索引:

$("#ddlRegType ")get(0)selectedIndex;

设置select:

设置select 选中的索引：

$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值

在servlet中

String select=requestgetParameter("selectName")；得到的是选中的option的value值，那么如果我们把value值等于它的选择项的值得话就可以了比如

<select name="selectName">

<option value="羽毛球">羽毛球</option >

<option value="篮球">羽毛球</option >

<option value="足球">羽毛球</option >

</select>

以上就是关于jquery怎么获取select选中的值全部的内容，包括:jquery怎么获取select选中的值、javascript中select的onchange事件获取当前选项的值、Jquery怎么获取select选中项 自定义属性的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！