insert text in input field

Question

I am using some JavaScript within an angular project (I am not familiar with angular.js, hence Js). I have a text input field in my form with a placeholder by default. I want to insert some actual text into the field depending on user action.

HTML:

<input type="text" id="logon" name="logon" ng-model="user.logon" placeholder= "Username" required>

When I run

var x = document.getElementById("logon");
x.value = "a";

nothing happens. Yet, when I use

var x = document.getElementById("logon");
x.placeholder = "b";

the place-holder text is changed, This would surely indicate that the code is running at the correct time, just that I'm missing something in the x.value code line?

If your using AngularJS, you should change the model of the input… http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background — Blackhole, Aug 05 '14 at 11:25
myol, it should work. I think you are again overriding the value in preceding code. can you please post the related code here? — Mr_Green, Aug 05 '14 at 11:31

score 1 · Accepted Answer · answered Aug 05 '14 at 11:39

1

It is looking like angularJS . SO you can do it by ng-model

$scope.user.logon = "a";

answered Aug 05 '14 at 11:39

Ashisha Nautiyal

1,389
2
19
39

Thankyou! This is what is was. Thanks for helping me with my clear lack of knowledge of angularjs. – myol Aug 05 '14 at 11:43

insert text in input field

1 Answers1