Как очистить поле?

Question

[Space]

Всем привет.
Получается мое поле input и textarea переделано на отображение картинок. Input не отправляется на enter. В общем, суть, что как я только ни пытался очистить поле - не получается. Есть вариант, что после отправки формы обновить поле. Как сделать обновление поля по клику? onclik='что тут написать, чтобы очистилось поле с id=blabla'? Или есть универсальный вариант очистки?
Спасибо.

Comments

[Kuzzy]

Может у вас значение выводится не в сам инпут, а в некий фейковый элемент над ним? Без примера куда я думаю будет сложно вам помочь.

[Space]

Это после формы.

<script>
				$('.emojis-plain').emojiarea({wysiwyg: false});
				
				var $wysiwyg = $('#messageInput').emojiarea({wysiwyg: true});
				var $wysiwyg_value = $('#emojis-wysiwyg-value');
				
				$wysiwyg.on('change', function() {
					$wysiwyg_value.text($(this).val());
				});
				$wysiwyg.trigger('change');
			</script>

плюс еще два больших подключаемых скрипта

[Space]

@Kuzzy точнее один подключаемый

Answer 1

[Pozadi]

Попрубуйте:
$('#messageInput').val('').change();
Очищаем значение и генерируем событие "change". Это может сработать если сторонние скрипты, которые вы используете, слушают событие "change" на инпуте.

А вообще читайте доки этих скриптов.

Comments

[Space]

@Pozadi не, форма вообще не отправляется и не чистит. да я бы с радостью почитал. нет их:(

Answer 2

[Kuzzy]

onclick="document.getElementById('blabla').value = ''"

Comments

[Space]

пытался, не очищается и форма вообще не срабатывает

[Space]

@Kuzzy может можно как то обновить при нажатии?

Answer 3

[Александр]

Попробуй

<input type="text" id="input" value="data" onclick="this.value=''" />
<textarea id="ta" value="data" onclick="this.value=''">data</textarea>

Comments

[Space]

@disc к сожалению нет, так кажется, что поле не имеет значения value

[Артём Цымбалюк]

Александр получается стереть когда инпут активен, а если инпут не активен но остался пустым, как туда вернуть текст?

Answer 4

[Rpsl]

document.getElementById('blabla').value = ''

Comments

[Space]

@Kuzzy только что написал. к сожалению нет. Может можно обновить поле?

Answer 5

[Kuzzy]

На онклик зануляйте текст: $wysiwyg_value.text('')

Comments

[Space]

@Kuzzy как именно правильно занулить?

[Роман Мисюра]

Я б сказал занулять в самом конце функции, так чтоб и данные подобрать, а после - очистить поле.

[Kuzzy]

У вас:

$('#идВашейКнопкиПоНажатиюНаКоторюЧистимПоле').on('click', function() {$wysiwyg_value.text('')})

возможно вам нужно подписаться на тот евент где сабмитится ваша форма.

[Kuzzy]

И да, прислушайтесь к предыдущему комментатору.

[Space]

@Kuzzy @MindMinimal сама форма

<form class="form-inline" id="messageForm">
				<input id="nameInput" type="hidden" class="input-medium" value="<?php echo $log_username;?>"  />
				<input id="canalInput"  type="hidden" class="input-medium" value="<?php echo $name;?>"  />
				<input id="messageInput" name="messageInput1" placeHolder="Ваше сообщение"  />
				
				<input id="butron"  type="submit" value="Send"  />
			</form>

и скрипт

<script>
				$('.emojis-plain').emojiarea({wysiwyg: false});
				
				var $wysiwyg = $('#messageInput').emojiarea({wysiwyg: true});
				var $wysiwyg_value = $('#emojis-wysiwyg-value');
				
				$wysiwyg.on('change', function() {
					$wysiwyg_value.text($(this).val());
				});
				$wysiwyg.trigger('change');
				
				$('#botron').on('click', function() {$wysiwyg_value.text('')});
			</script>

что не так?

[Space]

помогите очень надо

[Kuzzy]

а если так:

$('#botron').on('submit', function() {$('#emojis-wysiwyg-value').text('')});

[Space]

@Kuzzy отправляет, но не чистит. Вообще может быть вариантом обновить именно сам input или форму? Чтобы было как при загрузке страницы -пусто.