Question

我的代码工作正常，用图像模拟预填充输入字段：

<script>
$('#example).focus(function(){
    var newValue = $(this).val();
    if ($(this).val() == ""){
        $(this).css("background-image", "none");
    }else{
        $(this).val(newValue);
    }
}).blur(function(){
    var newValue = $(this).val();
    if ($(this).val() == ""){
             $(this).css("background-image", "url(assets/templates/herveou-coiffure/css/pre_input.png)");
}else{
        $(this).val(newValue);
    }
});
</script>

我需要使用少量输入字段（至少2个），所以我试过这样的事情：

<script>
$('#example, example2').focus(function(){
    var newValue = $(this).val();
    if ($(this).val() == ""){
        $(this).css("background-image", "none");
    }else{
        $(this).val(newValue);
    }
}).blur(function(){
    var newValue = $(this).val();
    if ($(this).val() == ""){
       if ($('#example2')[0]){
   // Do something here if an element with this class exists
 $(this).css("background-image", "url(assets/templates/herveou-coiffure/css/headers.jpg)");}
       if ($('#example')[0]){
   // Do something here if an element with this class exists
 $(this).css("background-image", "url(assets/templates/herveou-coiffure/css/pre_input.png)");}
}else{
        $(this).val(newValue);
    }
});
</script>

当然我不是javascritp专家，它不起作用，任何人都可以帮忙？非常感谢你......

Answer 1

每次选择ID时，您都需要记住使用ID选择器#。

您需要使用$('#example, #example2')代替$('#example, example2')。

Answer 2

当你写$('<selector1>, <selector2> , ....'时。您应该在每个参数中编写适当的选择器。因此，您应该将$('#example, example2')更改为$('#example, #example2').

Javascript条件输入id语句

2 个答案: