如何启用onclick以清除输入字段？jQuery的

Question

$('<p><input type="text" class = "class-'+ (++i)  +'" onclick="'(+ this.value = ''; +)'" value="Enter Choice #' + i + '"/></p>')

我不确定这是否是正确的语法,但无论我使用什么都不行.有帮助吗？谢谢

Answer 1

HTML:

<input type="text" class="class-1" value="Enter Choice #1">
<input type="text" class="class-2" value="Enter Choice #2">

JQUERY:

$(document).ready(function() {
    $('input[class^="class-"]').focus(function() {
        var $input = $(this);

        if($input.val() == $input.data('default_val') || !$input.data('default_val')) {
            $input.data('default_val', $input.val());
            $input.val('');
        }
    });

    $('input[class^="class-"]').blur(function() {
        var $input = $(this);

        if ($input.val() == '') $input.val($input.data('default_val'));
    });
});

上面的代码清除文本字段获得焦点时的值,并在textfield为空焦点(模糊)时添加默认值.

更新小提琴:http://jsfiddle.net/K3Sx7/4/

编辑:更新代码以符合问题.