北漂IT民工 的博客

JQuery 下面判断有没有当前值的Option的方法

前端开发时经常需要判断是不是当前的值已经有Option了,如果有就将当前值的Option选中。

下面的代码就是让你如何找到值为val的option,并选中它。

1、如何判断是不是有当前值为val的Option?

1
$('option[value=' + val + ']', node.__last).length > 0

2、如何将找到的Option选中呢?

1
$('option[value=' + val + ']', node.__last).attr('selected', 'selected');

3、所以合起来的代码:

1
2
3
4
5
if ($('option[value=' + val + ']', node.__last).length > 0) {

$('option[value=' + val + ']', node.__last).attr('selected', 'selected');

}

4、如何需要创建新的Option呢?

node为select对应的jquery对象

1
2
3
4
5
var option = $('<option>');
option.html(text);
option.val(val);
option.attr('selected', 'selected');
node.append(option);