Onclick展开输入宽度

时间:2011-12-13 11:31:06

标签: input expand

我有一个扩展具有给定宽度的输入的函数,我的问题是如何修改该函数以便仅当我有一个输入值和输入类型不同于type =“submit”时才执行。我不想为每个输入使用类或id,因为我的应用程序上有很多输入。

这是一个例子: http://jsfiddle.net/DCjYA/81/

2 个答案:

答案 0 :(得分:2)

我更新了代码http://jsfiddle.net/DCjYA/84/需要使用过滤器$('input [type!= submit]')

答案 1 :(得分:1)

不确定这是你想要的,但是,你能否使用jquery val()函数?您的示例已修改..

$('input[type!="submit"]').focus(function() {
    if ($(this).val().trim() != "") { 
        $(this).attr('data-default', $(this).width());
        $(this).animate({
            width: 300
        }, 'slow');
    }
}).blur(function() { /* lookup the original width */
    var w = $(this).attr('data-default');
    $(this).animate({
        width: w
    }, 'slow');
});