$('select')。单击(function()无法正常工作

时间:2013-08-08 05:22:42

标签: jquery html html5

请看下面的链接

jsFiddle

在上面的链接中,当我点击选择标签时,点击鼠标,第一次点击它不会扩展选项值。

    $('select').click(function(){
        $(this).attr("size",1); 
        var x = "select[tabindex='" + (parseInt($(this).attr('tabindex'),10) + 1) + "']";       
        $(x).fadeTo('fast',1.0);            
    }); 

这个onclick事件触发的函数,这个函数会产生问题,但我希望这个函数从选项列表中选择选项。

请告诉我任何可能的方式..

1 个答案:

答案 0 :(得分:4)

使用$('select').change()代替$('select').click()。点击不是select的事件。

根据您的评论,我认为您需要 this

等内容
$('select option').click(function () {
    $(this).parent().attr("size", 1);
    $(this).parent().val(this.value);
    var x = "select[tabindex='" + (parseInt($(this).parent().attr('tabindex'), 10) + 1) + "']";
    $(x).fadeTo('fast', 1.0);
});