How do I set a textbox s value using an anchor with jQuery

Question

I have a textbox whose value I want to set based on the inner text of an anchor tag   In other words  when someone clicks on this anchor    lt a href  javascript void     class  clickable  gt Blah lt  a gt    I want my textbox to populate with the text  Blah    Here is the code I am currently using    lt script type  text javascript  gt        document  ready function               a clickable   click function event                  input textbox   val   this  html                            lt  script gt    And in my html there is a list of anchor tags with the class  clickable  and one textbox with the id  textbox    I ve substituted the code above with code to just show a javascript alert with   this  html   and it seems to show the correct value   I have also changed the   this  html   to be a hardcoded string and it setes the textbox value correctly   But when I combine them the textbox simply clears out   What am I doing wrong

User · Answer

Following redsquare  You should not use in href attribute javascript code like  javascript void     - it is wrong  Better use for example href     and then in Your event handler as a last command   return false    And even better - use in href correct link - if user have javascript disabled  web browser follows the link - in this case Your webpage should reload with input filled with value of that link

User · Answer

To assign value of a text box whose id is  textbox  in JQuery please do the following      textbox   get 0  value    blah

User · Answer

I wrote this code snippet and it works fine    lt a href     class  clickable  gt Blah lt  a gt   lt input id  textbox  gt   lt script type  text javascript  gt        document  ready function               a clickable   click function event               event preventDefault                   input textbox   val   this  html                            lt  script gt    Maybe you forgot to give a class name  clickable  to your links

User · Answer

To assign value of a text box whose id is  textbox  in jQuery please do the following      textbox   val  Blah

User · Answer

Following redsquare  You should not use in href attribute javascript code like  javascript void     - it is wrong  Better use for example href     and then in Your event handler as a last command   return false    And even better - use in href correct link - if user have javascript disabled  web browser follows the link - in this case Your webpage should reload with input filled with value of that link

User · Answer

I wrote this code snippet and it works fine    lt a href     class  clickable  gt Blah lt  a gt   lt input id  textbox  gt   lt script type  text javascript  gt        document  ready function               a clickable   click function event               event preventDefault                   input textbox   val   this  html                            lt  script gt    Maybe you forgot to give a class name  clickable  to your links

User · Answer

I wrote this code snippet and it works fine    lt a href     class  clickable  gt Blah lt  a gt   lt input id  textbox  gt   lt script type  text javascript  gt        document  ready function               a clickable   click function event               event preventDefault                   input textbox   val   this  html                            lt  script gt    Maybe you forgot to give a class name  clickable  to your links

User · Answer

Just to note that prefixing the tagName in a selector is slower than just using the id  In your case jQuery will get all the inputs rather than just using the getElementById  Just use     textbox

User · Answer

To assign value of a text box whose id is  textbox  in JQuery please do the following      textbox   get 0  value    blah

User · Answer

Following redsquare  You should not use in href attribute javascript code like  javascript void     - it is wrong  Better use for example href     and then in Your event handler as a last command   return false    And even better - use in href correct link - if user have javascript disabled  web browser follows the link - in this case Your webpage should reload with input filled with value of that link

User · Answer

To assign value of a text box whose id is  textbox  in jQuery please do the following      textbox   val  Blah

User · Answer

Just to note that prefixing the tagName in a selector is slower than just using the id  In your case jQuery will get all the inputs rather than just using the getElementById  Just use     textbox

User · Answer

Just to note that prefixing the tagName in a selector is slower than just using the id  In your case jQuery will get all the inputs rather than just using the getElementById  Just use     textbox

User · Answer

Following redsquare  You should not use in href attribute javascript code like  javascript void     - it is wrong  Better use for example href     and then in Your event handler as a last command   return false    And even better - use in href correct link - if user have javascript disabled  web browser follows the link - in this case Your webpage should reload with input filled with value of that link

User · Answer

Just to note that prefixing the tagName in a selector is slower than just using the id  In your case jQuery will get all the inputs rather than just using the getElementById  Just use     textbox

User · Answer

I wrote this code snippet and it works fine    lt a href     class  clickable  gt Blah lt  a gt   lt input id  textbox  gt   lt script type  text javascript  gt        document  ready function               a clickable   click function event               event preventDefault                   input textbox   val   this  html                            lt  script gt    Maybe you forgot to give a class name  clickable  to your links

[jquery] How do I set a textbox's value using an anchor with jQuery?

Examples related to jquery