1. 首页 > 科技

jq怎么实现select选择的值,下列select都自动跳到选择相同的值?

jq怎么实现select选择的值,下列select都自动跳到选择相同的值?

jq怎么获得select中选中的值

可以用Jquery的选择器来实现, $("select option:selected").next() a b c $(function() { $("select").change(function(event) { var obj = $(this).find("option:selected").next(); alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val()...

jq怎么获取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();

JQ 根据VALUE选中SELECT的项

根据option的值选中下拉框

$('#testSelect').val('111');

jq 怎么改变select的值

这个必须要在改变之前获取并保存,可以用变量保存起来,也可以直接附加在这个select标签上,如:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<select id="mysel">

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

</select>

<script type="text/javascript">

var mysel = $("#mysel");

mysel.data("last", mysel.val()).change(function () {

//var mysel = $(this);

var oldvalue = mysel.data("last");//这次改变之前的值

mysel.data("last", mysel.val()); //每次改变都附加上去,以便下次变化时获取

var newvalue = mysel.val(); //当前选中值

})

</script>