How to get text box value in JavaScript

Question

I am trying to use JavaScript to get the value from an HTML text box but value is not coming after white space   For example    lt input type  text  name  txtJob  value  software engineer  gt    I only get   software  from the above  I am using a script like this   var jobValue   document getElementById  txtJob   value   How do I get the full value   software engineer

User · Answer

lt  DOCTYPE html gt   lt html gt   lt body gt   lt label gt Enter your Name here   lt  label gt  lt br gt   lt input type  text id  namehere  onchange  displayname    gt  lt br gt     lt script gt  function displayname         document getElementById  demo   innerHTML    document getElementById  namehere   value      lt  script gt     lt p id  demo  gt  lt  p gt    lt  body gt   lt  html gt

User · Answer

1 Gumbo     id    is the easiest way to access page elements  IE  pre version 8  will return things with a matching    name    if it can t find anything with the given ID  but this is a bug      i am getting only  software     id-vs-name won t affect this  I suspect what s happened is that  contrary to the example code  you ve forgotten to quote your    value    attribute    lt input type  text  name  txtJob  value software engineer gt

User · Answer

Set id for the textbox  ie    lt input type  text  name  txtJob  value  software engineer  id  txtJob  gt     In javascript   var jobValue   document getElementById  txtJob   value   In Jquery   var jobValue        txtJob   val

User · Answer

If you are using any user control and want to get any text box values then you can use the below code   var result   document getElementById  LE OtherCostsDetails txtHomeOwnerInsurance   value    Here  LE OtherCostsDetails  is the name of the user control and txtHomeOwnerInsurance is the id of the text box

User · Answer

If you are using ASP NET  the server-side code tags in these examples below will provide the exact control ID  even if you are using Master pages   Javascript   document getElementById   lt   MyControlName ClientID  gt    value    JQuery        lt    MyControlName ClientID   gt    val

User · Answer

Your element does not have an ID but just a name  So you could either use getElementsByName   method to get a list of all elements with this name   var jobValue   document getElementsByName  txtJob   0  value     first element in DOM   index 0  with name  txtJob    Or you assign an ID to the element    lt input type  text  name  txtJob  id  txtJob  value  software engineer  gt

User · Answer

If it is in a form then it would be    lt form name  jojo  gt   lt input name  jobtitle  gt   lt  form gt    Then you would say in javascript   var val  document jojo jobtitle value  document formname elementname

User · Answer

This should be simple using jquery   HTML      lt input type  text  name  txtJob  value  software engineer  gt    JS     var jobValue       txtJob   val      Get the text field value       txtJob   val jobValue            Set the text field value

User · Answer

because you used space between software engineer html php will not support space between value under textbox  you have to use this code  lt input type  text  name  txtJob  value software engineer gt  It will work

User · Answer

Set the id attribute of the input to txtJob  Your browser is acting quirky when you call getElementById

User · Answer

var word   document getElementById  word   value   by id or var word   document forms 0  elements 0  value   by index   word   a word from form input var kodlandi   escape word    apply url encoding  alert escape word    or alert kodlandi     the problem you are not using encoding for input values from form  so not browser adds ones to      ontop has some problems as unicode encoding decoding operations so use this function encoding strings arrays  function urlencode  str         http   kevin vanzonneveld net3             original by  Philip Peterson4             improved by  Kevin van Zonneveld  http   kevin vanzonneveld net 5               example 1  urlencode  Kevin van Zonneveld              returns 1   Kevin van Zonneveld 21 7      var ret   str      ret   ret toString       ret   encodeURIComponent ret      ret   ret replace   20 g           return ret      ex  var word    some word   word   urlencode word

User · Answer

You Need to change your code as below -   lt html gt   lt body gt   lt div gt   lt form align  center  method post gt       lt input id  mainText  type  text  align  center placeholder  Search  gt        lt input type  submit  onclick  myFunction    style  position  absolute  left  450px   gt   lt  form gt   lt  div gt   lt script gt  function myFunction         a  document getElementById  mainText   value      alert  a              lt  script gt   lt  body gt   lt  html gt

User · Answer

Here is a simple way document getElemmentByName  quot txtJob quot   getAttribute  quot value quot

User · Answer

var jobValue document FormName txtJob value    Try that code above   jobValue   variable name  FormName   Name of the form in html  txtJob   Textbox name

User · Answer

The problem is that you made a Tiny mistake  This is the JS code I use   var jobName   document getElementById  txtJob   value    You should not use name     instead use id

User · Answer

Provided when you want the text box value  Simple one    lt input type  text  value  software engineer  id  textbox  gt   var result   document getElementById  textbox   value

[javascript] How to get text box value in JavaScript

Examples related to javascript

Examples related to html