jQuery技术:使用jQuery将“selected”属性添加到下拉选项中

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

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

loginOptions = ["First", "Second", "Third"]; var Login = $( '#Login' ); for ( var i = 0; i < loginOptions.length; i++ ) { Login.append(''+ loginOptions[i] +''); } 

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

可以做的事情

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

谢谢!

    我在你的方法结束时使用.val() ,这是基于值设置的,如下所示:

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

    同样,要获取值,请在没有任何参数的情况下调用它:

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

    如果你只想做一个值,那么是的, val()有效。 否则,您也可以这样做:

     $option=$('').appendTo(Login); if (loginOptions[i] == existingLoginValue) { $option.attr('selected',true) } 

    呃,有人指出这并没有多大意义,因为这意味着具有相同价值的多个选项。 我打算写这样的东西:

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

    除了(当然)IE6之外,大多数浏览器都支持indexOf函数。 请参阅“在JavaScript数组中查找项目的最佳方法?”

    使用

     $('#Login').selectedIndex = i 

      以上就是jQuery教程分享使用jQuery将“selected”属性添加到下拉选项中相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/524208.html

      (0)
      上一篇 2020年12月11日
      下一篇 2020年12月11日

      精彩推荐