代码之家 › 专栏 › 技术社区 › rg88

使用jquery将“selected”属性添加到下拉选项中

jquery javascript

rg88 · 技术社区 · 14 年前

如何将属性“selected”添加到基于该选项匹配某个变量的下拉菜单选项中?

下面是下拉列表的填充方式…

loginOptions = ["First", "Second", "Third"];
        var Login = $( '#Login' );

        for ( var i = 0; i < loginOptions.length; i++ ) {
            Login.append('<option value="'+ loginOptions[i] +'">'+             loginOptions[i] +'</option>');
        }

我想根据一个选项的值是否与另一个变量匹配,将其标记为“selected”。所以如果 loginOption[i] 等于 var existingLoginValue 然后将该选项设置为“选定”

做点什么

if(loginOptions[i] === existingLoginValue){ print 'selected'; };

谢谢!

3 回复 | 直到 12 年前

Nick Craver 14 年前

我会用 .val() 在方法的末尾,这将基于值进行设置,如下所示:

$('#Login').val(existingLoginValue);

同样,要获取该值,请在不使用以下任何参数的情况下调用它:

var currentValue = $('#Login').val();

Community dbr 7 年前

如果你只想做一个值,那么是的, val() 作品。否则,您还可以执行以下操作:

$option=$('<option value="'+ loginOptions[i] +'">'+ loginOptions[i]+'</option>').appendTo(Login);
if (loginOptions[i] == existingLoginValue) {
    $option.attr('selected',true)    
}

呃,有人指出这并没有真正意义,因为这意味着有多个价值相同的选择。我想写这样的东西:

existingLoginValues = ['foo','bar']
$option=$('<option value="'+ loginOptions[i] +'">'+ loginOptions[i]+'</option>').appendTo(Login);
if (existingLoginValues.indexOf(loginOptions[i]) != -1) {
    $option.attr('selected',true)    
}

这个 indexOf 除了ie6之外,大多数浏览器都支持这个功能。见 "Best way to find an item in a JavaScript Array?"

Luca 12 年前

使用

$('#Login').selectedIndex = i

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前