点击按钮获取Javascript变量

时间:2017-03-28 23:28:09

标签: javascript dom onclick

那是我的代码:

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);
}

问题:我想将我的变量放在supprimer_article()函数中,将它放在参数中并继续我在函数中的工作。 示例:如果我点击&#34; X&#34;伏特加按钮(查看图片),我会在alert(article_selectionne);&#34;伏特加&#34;

找到

在主要步骤中,我将变量放在那样: $('<li><button的onclick =&#34; supprimer_article(&#39; + value.prixArticle +&#39;)&#34; >X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));

但是,alert(article_selectionne);的结果是:UNDEFINED

如果您认为自己有解决方案,那么分享它对我来说会非常友好和乐于助人!

想知道现在这个功能是什么(最终目标是这个函数将在onclick事件之后从数据库中删除所选文章......):

enter image description here

2 个答案:

答案 0 :(得分:1)

调用时需要为函数参数添加名称。替换

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

使用以下代码:

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

答案 1 :(得分:0)

您需要将值放在函数本身中。变化:

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

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