change value of input with inline function

Question

i have a input and i want access value of input and change it with inline callback function . because of some reason i can not select input with id or class or anything else and i have to use the callback function my input :

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

with this i can access the value and send it to my_func but i can not change it

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


function my_func(value){
 alert(value);
 }

in above function when user type something i want change the value of input. how can i change that?

Nick Parsons · Accepted Answer · 2019-02-17 11:47:00Z

1

You can either write your javascript directly into the onkeyup event like so:

<input type = 'text' name = 'input_name' onkeyup = 'this.value="custom text"' />

Or, you can pass this through into your function, and then modify the .value property within your function:

function my_func(elem) {
  elem.value = "custom text";
}

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

Note: At the moment your event is only firing when you let go of the key. Consider using oninput event instead of onkeyup event:

function my_func(elem) {
  elem.value = "custom text";
}

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

edited Feb 17, 2019 at 11:47

answered Feb 17, 2019 at 11:41

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nerdpuff · Accepted Answer · 2019-02-17 11:41:27Z

0

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

answered Feb 17, 2019 at 11:41

Nerdpuff

4996 silver badges13 bronze badges

Comments

ellipsis · Accepted Answer · 2019-02-17 11:43:12Z

0

You can pass the element in the function and change the value in the function

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

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

answered Feb 17, 2019 at 11:43

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

Comments

Sagar Agrawal · Accepted Answer · 2019-02-17 12:26:34Z

0

You can give your input an id attribute and access it using document.getElementById method. Using this you then change value of the input.

Something like

document.getElementById(‘inputID’).value = ‘hello’;

answered Feb 17, 2019 at 12:26

Sagar Agrawal

6571 gold badge7 silver badges18 bronze badges

Collectives™ on Stack Overflow

change value of input with inline function

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related