2011-02-10 2 views
2
<div class="ctrlHolder"> 
<label for="" id="name.label">Name</label> 
<input name="name" id="name" type="text" class="textInput small" /> 
<p class="formHint">The name of the item you are submitting</p> 
</div> 

Как вставить предопределенный текст во входной элемент. Я хотел бы, чтобы эта функция была активной, когда пользователь дважды щелкнул элемент метки.Вставить текст во входную/текстовую область с помощью JQuery

$('#name.label').dblclick(function(){ 
    $('#name').val('some text'); 
}); 
+2

я бы быть осторожным, чтобы использовать точки в идентификаторах элементов, как они могут или не могут запутать JQuery селекторов: #NAME. label соответствует элементу с id = "name" и class = "label". –

ответ

8

here проверить эту скрипку

вы можете использовать .text("yourPreDefinedText"), чтобы заменить текст элемента

+1

Спасибо за этот пример. Однако я хотел бы иметь возможность изменять значение входного элемента, а не метки. Когда я пытаюсь это, похоже, не работает. – Ambo100

+0

Когда лабиринт дважды щелкнут, а не вход – Ambo100

+0

обновлен ответ – Rafay

1

$ ('# name.label') заставит JQuery искать элемент с идентификатором "имя" и класса "этикетки". Я считаю, что приведенный выше код должен работать, если вы переименуете идентификатор метки в нечто вроде «name-label».

+0

Да, этого достаточно, чтобы исправить код. –

Смежные вопросы