Sign Up

Become a member of our community to ask questions, answer people's questions, and connect with others.

Have an account?

Sign In

Login our community for help answering questions & connecting with others.

Don't have account,

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account?

You must login to add post.

Need An Account,
Search
Ask A Question
  • 0
Asked: 2022-01-16T03:41:17+05:00

Set Value of Input Using Javascript Function

  • 0

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 ------>*/
    if (url == "") {
        error.innerHTML = "<p> error" /></p>";
    } else {
        /* line y ---> */ 
        /*  I need to add some code in here to set the value of "gadget_url" by "" */
    }
}, null, true);

Here is my div:

<div>
<p>URL</p>
<input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input"/>
<input type="button" id="addGadgetUrl" value="add gadget"/>
<br>
<span id="error"></span>
</div>

As you can see my question is, how can I set the value of gadget_url to be ""?

1

  • Try…Dom.get("gadget_url").set("value","");…I’m not quite sure though

    – Sangeet Menon

7 Answers
7

Try…
for YUI

Dom.get("gadget_url").set("value","");

with normal Javascript

document.getElementById('gadget_url').value="";

with JQuery

$("#gadget_url").val("");

1

  • goodForm.coolinput.value='foo', is not possible, why cant I use it instead of addressing the input directly by id`? Wait, here..

    – Timo

document.getElementById('gadget_url').value="";

1

  • @Alastair I confirm – that is not using YUI. However OP in title write “Set Value of Input Using Javascript Function” (not YUI function) so answer meet question requirements

    – Kamil Kiełczewski

The following works in MVC5:

document.getElementById('theID').value="new value";

2

  • javascript != MVC5

    – qbantek

  • And yet he gave the correct answer. There are newbies that will find this question based on this answer.

    – Matthew Nichols

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.

    document.getElementById('gadget_url').value="your value";

      I’m not using YUI, but 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.

      1

      • Just for brevity and future reference, all id’s on the page should ALWAYS be unique

        – Pogrindis

      Try

      gadget_url.value=""


      addGadgetUrl.addEventListener('click', () => {
   gadget_url.value="";
});
      <div>
  <p>URL</p>
  <input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input" value="some value" />
  <input type="button" id="addGadgetUrl" value="add gadget" />
  <br>
  <span id="error"></span>
</div>

      This is the shortest working solution (JSFiddle).

        Source link

        javascript