изменить значение ввода с помощью встроенной функции

Question

У меня есть вход, и я хочу получить доступ к значению ввода и изменить его с помощью встроенной функции обратного вызова.по какой-то причине я не могу выбрать вход с идентификатором или классом или чем-то еще, и я должен использовать функцию обратного вызова мой ввод:

<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);
 }

в вышеуказанной функции, когда пользователь вводит что-то, что я хочу изменить значение ввода.как я могу это изменить?

Answer 1

Вы можете присвоить своему входному атрибуту идентификатор и получить к нему доступ с помощью метода document.getElementById.Используя это, вы затем изменяете значение ввода.

Что-то вроде

document.getElementById ('inputID'). Value = 'hello';

Answer 2

Вы можете написать свой 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)' />

Answer 3

Вы можете передать элемент в функцию и изменить значение в функции

function my_func(e){
e.value="hey!"
 alert(e.value);
 }

<input type = 'text' name = 'input_name' onkeyup = 'my_func(this)' />

Answer 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!"
}