0

Здравствуйте. Есть такая проблема: Допустим есть такой input:

<input type = 'text' name = 'name' value = 'имя...' onFocus = "if(this.value == 'имя...') {this.value = ''}" onBlur = "if(this.value == '') {this.value = 'имя...'}" />

Но то, что прописано в самом тэге (onFocus и onBlur) не дает возможности изменять значение атрибута value этого тэга сторонними скриптами. Как избежать этой проблемы? Заранее спасибо.

1
  • Само событие срабатывает? или что значит " не дает возможности изменять " ?
    – koks_rs
    6 июл 2015 в 13:52

3 ответа 3

1

Пример на jsfiddle

 <input type='text' id="name" name='name' value='имя...' 
    onclick="this.focus()" onfocus=" if ($('#name').val() == 'имя...') { $('#name').val(''); }" 
    onblur=" if ($('#name').val() == '') {  $('#name').val('имя...');}" />
1
  • Если кому интересно, то менять значение надо было просто так: $(this).val('value');
    – rsandrey
    6 июл 2015 в 15:02
0

Вместо этого скрипта лучше использовать атрибут placeholder:

<input type="text" name="name" placeholder="Имя...">

2
  • Идея с placeholder, конечно, хорошая, но может есть другие варианты?
    – rsandrey
    6 июл 2015 в 13:48
  • Так, сейчас поподробней объясню в чем тут дело) В общем у input`a при фокусе значение value "пропадает", а при потере фокуса "появляется". Но это все происходит в html файле. А есть скрипт отдельный, подключаемый, где я делаю следующее: $('input').blur(function() { $(this).attr('value', 'new value'); }); Но значение остается тем же ("имя...").
    – rsandrey
    6 июл 2015 в 14:27
0

Попробуйте в строке:

 onFocus = "if(this.value == 'имя...') {this.value = ''}" 

вместо {this.value = ''} использовать $('name').val('new val')

3

Ваш ответ

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

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