jQuery val change doesn t change input value

Question

I have an HTML input with a link in the value    lt input type    text  value    http   www link com  id    link    gt    I am using jQuery to change the value on a certain event       link   val  new value      The above code changes the value of the text box but doesn t change the value in the code  value    http   www link com  stays unchanged   I need the value      to change as well

User · Answer

Changing the value property does not change the defaultValue  In the code  retrieved with  html   or innerHTML  the value attribute will contain the defaultValue  not the value property

User · Answer

This is just a possible scenario which happened to me  Well if it helps someone then great  I wrote a complicated app which somewhere along the code I used a function to clear all textboxes values before showing them  Sometime later I tried to set a textbox value using jquery val  value   but I did nt notice that right after that I invoked the ClearAllInputs method   so  this could also happen

User · Answer

For me the problem was that changing the value for this field didn t work       cardNumber   val maskNumber     None of the solutions above worked for me so I investigated further and found   According to DOM Level 2 Event Specification  The change event occurs when a control loses the input focus and its value has been modified since gaining focus  That means that change event is designed to fire on change by user interaction  Programmatic changes do not cause this event to be fired   The solution was to add the trigger function and cause it to trigger change event like this       cardNumber   val maskNumber  trigger  change

User · Answer

to expand a bit on Ricardo s answer  https   stackoverflow com a 11873775 7672426  http   api jquery com val  val2  about val       Setting values using this method  or using the native value property  does not cause the dispatch of the change event  For this reason  the relevant event handlers will not be executed  If you want to execute them  you should call  trigger   change    after setting the value

User · Answer

link   prop  value    new value     Explanation  Attr will work on jQuery 1 6 but as of jQuery 1 6 1 things have changed  In the majority of cases  prop   does what attr   used to do  Replacing calls to attr   with prop   in your code will generally work  Attr will give you the value of element as it was defined in the html on page load and prop gives the updated values of elements which are modified via jQuery

User · Answer

My similar issue was caused by having special characters  e g  periods  in the selector   The fix was to escape the special characters       dots   er   bad   val  mmmk

User · Answer

lt script src    code jquery com jquery min js  gt  lt  script gt   lt script gt  function changes         link   val  new value       lt  script gt   lt button onclick  changes    gt a lt  button gt   lt input type  text  value  http   www link com  id  link  gt

User · Answer

Use attr instead      link   attr  value    new value     demo

[javascript] jQuery .val change doesn't change input value

Examples related to javascript

Examples related to jquery