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>