How to set value of input text using jQuery

Question

I have an input text which is this    lt div class  editor-label  gt       Html LabelFor model   gt  model EmployeeId   Employee Number    lt  div gt    lt div class  editor-field textBoxEmployeeNumber  gt       Html EditorFor model   gt  model EmployeeId        Html ValidationMessageFor model   gt  model EmployeeId   lt  div gt    Which produce following html   x000D   x000D   lt div class  editor-label  gt  x000D     lt label for  EmployeeId  gt Employee Number lt  label gt  x000D   lt  div gt  x000D   x000D   lt div class  editor-field textBoxEmployeeNumber  gt  x000D     lt input class  text-box single-line  data-val  true  data-val-number  The field EmployeeId must be a number   data-val-required  The EmployeeId field is required   id  EmployeeId  name  EmployeeId  type  text  value      gt  x000D   x000D     lt span class  field-validation-valid  data-valmsg-for  EmployeeId  data-valmsg-replace  true  gt  lt  span gt  x000D   lt  div gt  x000D   x000D   x000D    I want to set the value of this input text using jquery so i did this    lt script type  text javascript  language  javascript  gt        function                 textBoxEmployeeNumber   val  fgg             lt  script gt     however  it is not working    what is the error in my syntax

User · Answer

Using jQuery  we can use the following code   Select by input name      input name  textboxname     val  some value     Select by input class      input type text  textboxclass   val  some value     Select by input id       textboxid   val  some value

User · Answer

this is for classes      nameofdiv   val  we are developers      for ids      nameofdiv   val  we are developers      now if u have an iput in a form u can use       form li name input name val   val  we are awsome developers

User · Answer

document  ready function              EmployeeId   val  fgg           Or         textBoxEmployeeNumber  gt  input   val  fgg           Or         textBoxEmployeeNumber   find  input   val  fgg

User · Answer

For element with id   lt input id  id input text16  type  text  placeholder  Ender Data  gt  lt  input gt    You can set the value as      id input text16   val  testValue      Documentation here

User · Answer

In pure js it will be simpler  EmployeeId value    fgg      x000D   x000D  EmployeeId value    fgg   x000D   lt div class  editor-label  gt  x000D     lt label for  EmployeeId  gt Employee Number lt  label gt  x000D   lt  div gt  x000D   x000D   lt div class  editor-field textBoxEmployeeNumber  gt  x000D     lt input class  text-box single-line  data-val  true  data-val-number  The field EmployeeId must be a number   data-val-required  The EmployeeId field is required   id  EmployeeId  name  EmployeeId  type  text  value      gt  x000D     x000D     lt span class  field-validation-valid  data-valmsg-for  EmployeeId  data-valmsg-replace  true  gt  lt  span gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Here is another variation for a file upload that has a nicer looking bootstrap button than the default file upload browse button   This is the html    lt div class  form-group  gt           Html LabelFor model   gt  model FileName  htmlAttributes  new    class    col-md-2  control-label              lt div class  col-md-1 btn btn-sn btn-primary  id  browseButton  onclick    this  parent   find  input type file    click     gt browse lt  div gt           lt div class  col-md-7  gt               lt input id  fileSpace  name  uploaded file   type  file  style  display  none   gt      style  display  none                  Html EditorFor model   gt  model FileName  new   htmlAttributes   new    class    form-control    id    modelField                   Html ValidationMessageFor model   gt  model FileName      new    class    text-danger              lt  div gt       lt  div gt    Here is the script               fileSpace   on  change   function                  modelField   val    input name  uploaded file     val

User · Answer

Your selector is retrieving the text box s surrounding  lt div class  textBoxEmployeeNumber  gt  instead of the input inside it      Access the input inside the div with this selector    function            textBoxEmployeeNumber input   val  fgg          Update after seeing output HTML  If the ASP NET code reliably outputs the HTML  lt input gt  with an id attribute id  EmployeeId   you can more simply just use     function            EmployeeId   val  fgg          Failing this  you will need to verify in your browser s error console that you don t have other script errors causing this to fail   The first example above works correctly in this demonstration

[javascript] How to set value of input text using jQuery

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to asp.net-mvc-3