点击按钮获取一个Javascript变量
这是我的密码:点击按钮获取一个Javascript变量,javascript,dom,onclick,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
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);
}
afficherListe();
函数afficherListe()
{
$.post('afficher_liste.php',函数(数据)
{
var obj=jQuery.parseJSON(数据);
如果(数据!=“”)
{
$。每个(对象、函数(索引、值){
$('X'+value.noArticle+''+value.prixArticle+' ).insertAfter($(''liste_-boissons'));
});
}
其他的
{
警报(“无数据”);
}
});
}
功能供应商文章(文章选择)
{
警报(文章选择N);
}
问题:我想将变量放入supprimer\u article()
函数中,将其置于参数中,并在函数中继续工作。
示例:如果我点击“X”伏特加按钮(查看图片),我会在警报(article_selectionne)中找到代码>“伏特加”
在第一步中,我将变量设置为:
$('X'+value.noarticle+'+value.prixaarticle+' ).insertAfter($(''liste_-boissons'))代码>
但是,警报的结果(article_selectionne)代码>was:未定义
如果你认为你有解决方案,那将是非常好和有益的分享给我
要了解该函数现在要做什么(最终目标是该函数将在onclick事件之后从数据库中删除所选项目…):
您需要将值放在函数本身中。更改:
$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));
$('X'+value.noarticle+'+value.prixaarticle+' ).insertAfter($(''liste_-boissons'));
到
$('X'+value.noarticle+'+value.prixaarticle+' ).insertAfter($(''liste_-boissons'));
调用函数时,需要向函数参数添加名称。更换线路
$('<li><button onclick="supprimer_article()">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));
$('X'+value.noarticle+'+value.prixaarticle+' ).insertAfter($(''liste_-boissons'));
使用以下代码:
$('<li><button onclick="supprimer_article(\'' + value.nomArticle + '\')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));
$('X'+value.noarticle+'+value.prixaarticle+' ).insertAfter($(''liste_-boissons'));
您需要在DOM字符串中硬编码value.noarticle
,而不是像以前那样。您所做的是错误的HTML语法。@FREE_和OPEN_SOURCE感谢您突出显示错误感谢您的回答,我尝试了您的解决方案jeff,但不正确,它不显示任何数据@FREE_和OPEN_SOURCE我不明白如何处理DOM字符串中的hardcode value.noarticle?我会投票支持你的问题,但在你的问题被编辑之前我不能这么做(这些是这个社区的规则)。所以,如果你以任何方式编辑你的问题,我将向上投票,你将获得15个声誉。好吧,但你在谈论哪个问题?(我的评论或帖子)@FREE_和_OPEN_SOURCE
$('<li><button onclick="supprimer_article(\'' + value.nomArticle + '\')">X</button>'+value.nomArticle+' '+value.prixArticle+'</li>').insertAfter($('#liste_boissons'));