Pass element ID to Javascript function

Question

I have seen many threads related to my question title   Here is HTML Codes     lt button id  button1  class  MetroBtn  onClick  myFunc this id    gt Btn1 lt  button gt   lt button id  button2  class  MetroBtn  onClick  myFunc this id    gt Btn2 lt  button gt   lt button id  button3  class  MetroBtn  onClick  myFunc this id    gt Btn3 lt  button gt   lt button id  button4  class  MetroBtn  onClick  myFunc this id    gt Btn4 lt  button gt    And a very simple JS function is here    function myFunc id           alert id       You can see in JsFiddle   The problem is    I have no idea  maybe doesn t pass this id to myFunc function  or some problem else    What s the problem    Any help would be appreciated

User · Answer

The problem for me was as simple as just not knowing Javascript well. I was trying to pass the name of the id using double quotes, when I should have been using single. And it worked fine.

This worked:

validateSelectizeDropdown('#PartCondition')

This did not:

validateSelectizeDropdown("#PartCondition")

And the function:

    function validateSelectizeDropdown(name) {
    if ($(name).val() === "") {
         //do something
    }
}

User · Answer

Check this  http   jsfiddle net h7kRt 1    you should change in jsfiddle on top-left to No-wrap in  lt head gt   Your code looks good and it will work inside a normal page  In jsfiddle your function was being defined inside a load handler and thus is in a different scope  By changing to No-wrap you have it in the global scope and can use it as you wanted

User · Answer

In jsFiddle by default the code you type into the script block is wrapped in a function executed on window onload    lt script type  text javascript  gt    lt   CDATA       window onload   function              function myFunc id               alert id                             gt     lt  script gt    Because of this  your function myFunc is not in the global scope so is not available to your html buttons  By changing the option to No-wrap in  lt head gt  as Sergio suggests your code isn t wrapped    lt script type  text javascript  gt    lt   CDATA       function myFunc id          alert id                   gt     lt  script gt    and so the function is in the global scope and available to your html buttons

User · Answer

you can use this    lt html gt       lt head gt           lt title gt Demo lt  title gt           lt script gt              function passBtnID id                    alert  You Pressed       id                          lt  script gt       lt  head gt       lt body gt           lt button id  mybtn1  onclick  passBtnID  mybtn1    gt Press me lt  button gt  lt br gt  lt br gt           lt button id  mybtn2  onclick  passBtnID  mybtn2    gt Press me lt  button gt       lt  body gt   lt  html gt

User · Answer

This ll work    lt  DOCTYPE HTML gt   lt html gt       lt head gt           lt script type  text javascript  gt              function myFunc id                                alert id                          lt  script gt       lt  head gt        lt body gt           lt button id  button1  class  MetroBtn  onClick  myFunc this id    gt Btn1 lt  button gt           lt button id  button2  class  MetroBtn  onClick  myFunc this id    gt Btn2 lt  button gt           lt button id  button3  class  MetroBtn  onClick  myFunc this id    gt Btn3 lt  button gt           lt button id  button4  class  MetroBtn  onClick  myFunc this id    gt Btn4 lt  button gt       lt  body gt   lt  html gt

[javascript] Pass element ID to Javascript function

Examples related to javascript

Examples related to html