Set Value of Input Using Javascript Function

Question

I m currently using a YUI gadget   I also do have a Javascript function to validate the output that comes from the div that YUI draws for me   Event on  addGadgetUrl    click   function        var url   Dom get  gadget url   value      line x ------ gt        if  url                  error innerHTML     lt p gt  error    gt  lt  p gt          else              line y --- gt                  I need to add some code in here to set the value of  gadget url  by                null  true     Here is my div    lt div gt   lt p gt URL lt  p gt   lt input type  text  name  gadget url  id  gadget url  style  width  350px   class  input   gt   lt input type  button  id  addGadgetUrl  value  add gadget   gt   lt br gt   lt span id  error  gt  lt  span gt   lt  div gt    As you can see my question is  how can I set the value of gadget url to be

User · Answer

The following works in MVC5   document getElementById  theID   value    new value

User · Answer

document getElementById  gadget url   value

User · Answer

I m not using YUI   but in case it helps anyone else - my issue was that I had duplicate ID s on the page  was working inside a dialog and forgot about the page underneath    Changing the ID so it was unique allowed me to use the methods listed in Sangeet s answer

User · Answer

Try    for YUI  Dom get  gadget url   set  value         with normal Javascript  document getElementById  gadget url   value         with JQuery      gadget url   val

User · Answer

document getElementById  gadget url   value    your value

User · Answer

Depending on the usecase it makes a difference whether you use javascript  element value   x  or jQuery   element  val x    When x is undefined jQuery results in an empty String whereas javascript results in  undefined  as a String

User · Answer

Try  gadget url value       x000D   x000D  addGadgetUrl addEventListener  click        gt    x000D     gadget url value       x000D      x000D   lt div gt  x000D     lt p gt URL lt  p gt  x000D     lt input type  text  name  gadget url  id  gadget url  style  width  350px   class  input  value  some value    gt  x000D     lt input type  button  id  addGadgetUrl  value  add gadget    gt  x000D     lt br gt  x000D     lt span id  error  gt  lt  span gt  x000D   lt  div gt  x000D   x000D   x000D    Update  I don t know why so many downovotes  and no comments  - however  for future readers  don t think that this solution not work - It works with html provided in OP question and this is SHORTEST working solution - you can try it by yourself HERE

[javascript] Set Value of Input Using Javascript Function

Examples related to javascript

Examples related to input

Examples related to yui

Examples related to validation