Я хотел бы, после потери фокуса на <input>
поле, чтобы выполнить несколько операций на значение этого поля, включая изменение самого содержания (так что в верхнем регистре)Как обновить поле на .focusout()?
В следующем code:
HTML
<input id="name" type="text"></input>
<div id="upper"></div>
JavaScript + Jquery
$("#name")
.focusout(function() {
// get the text from the form which lost focus
name = $("#name").val();
// turn it into uppercase
name = name.toUpperCase();
// update the form and another entry
$("#upper").text(name);
$("#name").text(name);
})
событие правильно поймано, а <div>
обновлен строчным текстом. Однако содержимое поля не обновляется.
Можно ли обновить содержимое поля <input>
после его оставления?
Изменение 'value' (' .val() ') не текст? http://api.jquery.com/val/ – Pogrindis
'val()' для элементов формы, 'text()' для почти всего остального. –
Не связанные, но я хочу сказать 2 вещи. Во-первых: вы должны определить переменную перед использованием ('var name = ...' или 'let name = ...', а не 'name = ...'). Во-вторых, внутри функции вы можете использовать '$ (this)' вместо повторного вызова '$ ('# name')' –