Изменить значение ввода с помощью встроенной функции
у меня есть вход, и я хочу получить доступ к входному значению и изменить его с помощью встроенной функции обратного вызова. по какой-то причине я не могу выбрать ввод с идентификатором, классом или чем-то еще, и я должен использовать функцию обратного вызова мой вклад:
<input type = 'text' name = 'input_name' onkeyup = 'my_func()' />
с этим я могу получить доступ к значению и отправить его в my_func, но я не могу его изменить
<input type = 'text' name = 'input_name' onkeyup = 'my_func(this.value)' />
function my_func(value){
alert(value);
}
в приведенной выше функции, когда пользователь вводит что-то, я хочу изменить значение ввода. как я могу это изменить?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input
value = The input's current value
<input type = 'text' name = 'input_name' onkeyup = 'my_func(this)' />
function my_func(input){
input.value = "hello!"
}
Вы можете написать свой javascript непосредственно в событие onkeyup следующим образом:
<input type = 'text' name = 'input_name' onkeyup = 'this.value = "custom text"' />Или вы можете передать this в свою функцию, а затем изменить свойство .value внутри вашей функции:
function my_func(elem) {
elem.value = "custom text";
}<input type='text' name='input_name' onkeyup='my_func(this)' />Примечание: На данный момент ваше событие запускается только тогда, когда вы отпускаете клавишу. Рассмотрите возможность использования события oninput вместо события onkeyup:
function my_func(elem) {
elem.value = "custom text";
}<input type='text' name='input_name' oninput='my_func(this)' />Вы можете передать элемент в функцию и изменить значение в функции
function my_func(e){
e.value = "hey!"
alert(e.value);
}<input type = 'text' name = 'input_name' onkeyup = 'my_func(this)' />Вы можете дать своему входу атрибут id и получить к нему доступ, используя метод document.getElementById. Используя это, вы затем изменяете значение ввода.
Что-то типа
document.getElementById(‘inputID’).value = ‘привет’;