Get a Javascript variable on the click of button

Question

That's my code:

afficherListe();
function afficherListe()
{
 $.post('afficher_liste.php', function(data)
 { 
    var obj = jQuery.parseJSON(data);

    if(data!="")
    {
        $.each(obj, function(index, value){
            $('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));
        });
    }
    else
    {
        alert('no data');
    }
 }); 
}

function supprimer_article(article_selectionne)
{
    alert(article_selectionne);
}

Problem : I want to put my variable in supprimer_article() function, to have it in parameter and to continue my work in the function. Example : If I click on "X" Vodka button (view picture), I would find inalert(article_selectionne); "Vodka"

In a primary step, I've put the variable like that : $('<li><buttononclick="supprimer_article('+value.prixArticle+')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

But, the result in alert(article_selectionne); was : UNDEFINED

If you think you have the solution, it would be very nice and helpful to share it for me !

To have an idea of what do this function now (the final goal is that this function will remove the selected article from the DB after the onclick event....) :

I would upvote your question, but I cannot do that until your question is edited (these are rules of this community). So, if you edit your question in any way, I will upvote your question and you will have 15 reputations. — user7771338
– user7771338, Commented Mar 29, 2017 at 22:58
Okay, but which question are you talking about ? (my comment or my post) @FREE_AND_OPEN_SOURCE — Black Hat
– Black Hat, Commented Mar 31, 2017 at 12:34

user7771338 · Accepted Answer · 2017-03-29 20:17:47Z

1

You need to add name to function arguments when calling. Replace the line

$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

with the following code:

$('<li><button onclick="supprimer_article(\'' + value.nomArticle + '\')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

answered Mar 29, 2017 at 20:17

user7771338

1856 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

score 0 · Accepted Answer · 2017-03-28 23:43:41Z

0

You need to place the value within the function itself. Change:

$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

to

$('<li><button onclick="supprimer_article('"+value.nomArticle+"')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

edited Mar 28, 2017 at 23:43

answered Mar 28, 2017 at 23:35

user2417483

3 Comments

user7771338 Over a year ago

You need to hardcode value.nomArticle in DOM string, not like you did. What you did is wrong HTML syntax.

user2417483 Over a year ago

@FREE_AND_OPEN_SOURCE thanks for highlighting the error

Black Hat Over a year ago

Thank's for your responses, I tried your solution jeff but it isn't correct, it displays no data. @FREE_AND_OPEN_SOURCE I don't understand what I have to do for hardcode value.nomArticle in DOM string ?

Collectives™ on Stack Overflow

Get a Javascript variable on the click of button

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related