使用内联函数更改输入值

Question

我有一个输入，我想要输入的访问值，并使用内联回调函数进行更改。由于某种原因，我不能选择id或类或其他任何东西的输入，我必须使用我的输入回调函数：

<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

value = The input's current value

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


function my_func(input){
   input.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

您可以为输入提供id属性，并使用document.getElementById方法访问它。使用此，然后更改输入的值。

就像是

document.getElementById（'inputID'）。value ='hello';