0

Для того, чтобы в инпуте pleceholder был кроссбраузерным, вместо него значение поля задается атрибутом value, которое при клике убирается скриптом

<script type="text/javascript">
    $(document).ready(function(){
        //placeholder in input
        $('.addComments form input[type="text"]').focus(function(){
            $('.addComments form input[type="text"]').attr('value', '');
        });
    });
</script>

скрипт работает, если в форме одно поле, но если полей несколько, то значения удаляются из всех полей одновременно http://jsfiddle.net/WK5bA/3/.
Подскажите, как дописать этот скрипт, чтобы значение убиралось только у того поля, на которое кликнуто мышкой?

1
  • 1
    @Heidel, я попытался облегчить вам страдания :) jsfiddle.net/WK5bA/5 (необходимо проверить на кроссбраузерность) 6 дек 2012 в 16:13

3 ответа 3

3
<script type="text/javascript">
    $(document).ready(function(){
      $('.addComments form input[type="text"]').focus(function(){
        $(this).attr('value', ''); //ссылаемся на активный элемент $(this)
      });
    });
</script>
1
  • какой хороший вариант, ничего лишнего! спасибо!
    – Heidel
    6 дек 2012 в 16:02
1
$('.addComments form input[type="text"]').focus(function(){this.value=''});
0

В input добавляете id='example'

<script type="text/javascript">
    $(document).ready(function(){
        $('#example').focus(function() {
            $('#example').attr('value', '');
        });
    });
</script>

P.S. Т.е. для каждого поля свое id :)

2
  • нет, это получается три идентичных скрипта для каждого инпута, это как-то неправильно.
    – Heidel
    6 дек 2012 в 16:03
  • Да, прошу прощения... что-то я перегрелся уже на работе :)
    – masterMind
    6 дек 2012 в 16:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.