Как добавить текст в текстовое поле с помощью jQuery?

Мне нужно добавить в настоящее текстовое поле значение без замены существующего текста. Я пробовал с этим кодом.Как добавить текст в текстовое поле с помощью jQuery?

if(len.length==4){ 
    $("-").appendTo("#date").val(); 
}

но это не удалось.

источник

2012-04-24 Mangala Edirisinghe

Это поле ввода с текстом типа или другим элементом с текстом в нем. Там нет такой вещи, как текстовое поле в HTML и из ваших комментариев ниже, кажется, что это не поле ввода –

это поле ввода с текстом типа. Мне нужно добавить - после первых четырех символов. –

Хотя у вас есть несколько (но не все) правильные ответы, я хочу показать еще один способ сделать это:

$('#date').val(function(index, value) { 
    return value + '-'; 
});

.val(function(index, value))

функция (в dex, value) Функция, возвращающая значение для установки. это текущий элемент. Получает индексную позицию элемента в наборе и старое значение в качестве аргументов.

source

Если вы не хотите использовать function для делать это, используйте:

var $date = $('#date'); 
$date.val($date.val() + '-');

источник

2012-04-24 06:59:22 gdoron

thanx dr. Это работает. И приятное объяснение. –

попробовать:

$('#date').val($('#date').val() + '-');

источник

2012-04-24 06:51:30 KoolKabin

Он заменяет настоящий текст. –

[ЭТО] (http://jsfiddle.net/teneff/T9mUT/) не работает – Teneff

после редактирования, он работает. Благодарю. –

Вы должны получить текущее значение, и добавить к этому.

var $date = $('#date'); 
$date.val($date.val() + '-');

источник

2012-04-24 06:54:37

спасибо dr. он работает –

+1 для кэширования элемента DOM. – gdoron

Самый элегантный способ, который я нашел, включает в себя не столько использование jQuery.

if (len.length === 4) { 
    var date = $('#date')[0] // faster to write than "document.getElementById('date')" 
    date.value += '-' 
}

Fiddle: http://jsfiddle.net/Ralt/T9mUT/3/

источник

2012-04-24 06:56:06

Вы не передаете контекст функции в '.val()', поэтому ссылка 'this' может отличаться от вашей мысли. Это определенно не будет '' $ ('# date') 'вы только что выбрали. –

[ЭТО] (http://jsfiddle.net/teneff/T9mUT/) - это ваш код в jsFiddle и он не работает – Teneff

Хорошо, только 'this.value' работает .. как-то. @RichardNeilIlagan прав в том, что «это» неверно. http://jsfiddle.net/Ralt/T9mUT/1/ –

jQuery('#date').val(jQuery('#date').val() + '-');

источник

2012-04-24 06:57:36

Зачем вы запрашиваете DOM дважды? – gdoron

Я согласен, что это не нужно, но просто пыталась показать основной синтаксис. –

Я просто делал это. Я использовал .append (myValue); здесь я перехожу через набор результатов Ajax:

 $.each(result, function (i, obj) { 
      $.each(obj, function (i, item) { 
       $('#txtValueList').append(item); 
      }) 
     })

источник

2016-11-03 15:48:23

Как добавить текст в текстовое поле с помощью jQuery?

ответ

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