jQuery的。检查选项元素是否已选择属性

时间:2013-10-11 08:43:31

标签: jquery html-select html

只有在页面上没有具有“selected”属性的选项元素时,我才有需要在窗口加载时触发的函数。

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

我尝试用下一个功能没有运气这样做:

function fireWhenLoad () 
{
if ( $('select option').is(':selected')) {
        alert("Selected");
    }
    else
    {
        alert("Not Selected");
        runIfNoSelectedOptions();
    }
};

$(window).load(function(){
    fireWhenLoad();
});

如果选项具有“已选择”属性,则该功能会在每种情况下提醒“已选定”,如果选项没有,则会发出警告。

那么我做错了什么以及如何检查选项元素是否具有“已​​选择”属性?

谢谢!

3 个答案:

答案 0 :(得分:0)

您可以使用JQuery的$.(document).ready()功能来触发您的活动。

答案 1 :(得分:0)

如果我理解正确,请使用$(document).ready()来确保已加载dom元素,然后循环选项。您目前只选择第一个选项。

$(document).ready(function(){
$("select option").each(function() {
var $this = $(this);
    if ($this.attr("selected") !== undefined) {
        alert("Selected");
    }
    else
    {
        alert("Not Selected");
        runIfNoSelectedOptions();
        return false;
    }
});

});

答案 2 :(得分:0)

你试过吗,

$('option').each(function(){
    if($(this).is(':selected')){
       alert("Selected");
    }
    else
    {
        alert("Not Selected");
        runIfNoSelectedOptions();
    }
});