Javascript JS函数不使用给定参数
我有php代码,它使用onclick函数生成html。实际上这是产品清单。有些产品可能有颜色。我的代码为颜色选择创建下拉菜单。对于颜色选择,我使用参数、产品id和选择颜色制作了onclick javascript函数。我想选择颜色,把它放在产品图片上。但它只需要第一次生成的产品的参数 我的代码:Javascript JS函数不使用给定参数,javascript,php,html,Javascript,Php,Html,我有php代码,它使用onclick函数生成html。实际上这是产品清单。有些产品可能有颜色。我的代码为颜色选择创建下拉菜单。对于颜色选择,我使用参数、产品id和选择颜色制作了onclick javascript函数。我想选择颜色,把它放在产品图片上。但它只需要第一次生成的产品的参数 我的代码: 您正在onclick事件中分配函数返回值。因为您想为不同的字段分配不同的参数,我建议更改函数: function lalalalala(o, b) { return function() {
您正在onclick事件中分配函数返回值。因为您想为不同的字段分配不同的参数,我建议更改函数:
function lalalalala(o, b) {
return function() {
// what you want to happen onclick goes here
alert(b);
}
}
这样,您实际上是在为onclick事件分配一个函数:由
lala()
返回的函数。我在jsbin.com上尝试了您的HTML和JS函数
它工作得非常好。看看这里-
你是说在你点击的任何一个收音机上,只有第一个收音机的颜色会被提醒吗?@jaibatrik是的,我试着提醒javascript函数发生了什么。它显示第一个产品id和第一个对象的第一种颜色的url。是的。我已经看到了这个页面,但实际上它仍然在检索第一个产品id和第一个产品颜色。你有没有链接到你的页面,然后我可以尝试检查。我可以发送到你的电子邮件。我的本地主机站点的zip和数据库的转储只要
另存为在浏览器中呈现HTML并将其上传到Google Drive之类的地方即可。你可能需要拉上拉链。请点击链接@jaibatrik
<div class="col-md-3 col-sm-6 hero-feature">
<div class="thumbnail">
<img src="../images/products/batman_ink_by_zombies_616-d5ljte8.jpg" alt="" width="800" height="500" id=img1>
<div class="caption">
<p style="background-color:#FFD700;">Крем-мусс</p>
<p>Артикуль:223201</p>
<p>Количество:5</p>
<p style="font-size:large;" color=red>Цена:6€</p>
<p>
<a href="#" class="btn btn-primary" id=myBtn>Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 hero-feature">
<div class="thumbnail">
<img src="../images/products/batwing_somewhat_3d_by_qbatmanp.jpg" alt="" width="800" height="500" id=img2>
<div class="caption">
<p style="background-color:#FFD700;">Test</p>
<p>Артикуль:bla bla bla</p>
<p>Количество:2</p>
<p style="font-size:large;" color=red>Цена:152€</p>
<p>
<a href="#" class="btn btn-primary" id=myBtn>Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 hero-feature">
<div class="thumbnail">
<img src="../images/products/aa.jpg" alt="" width="800" height="500" id=img7>
<div class="caption">
<p style="background-color:#FFD700;">Test</p>
<p>Артикуль:2225xx</p>
<p>Количество:14 4</p>
<p style="font-size:large;" color=red>Цена:114€</p>
<p>
<a href="#" class="btn btn-primary" id=myBtn>Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
</p>
<div id="image-dropdown" >
<input type="radio" id=line1 name="line-style" value=1 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Access 2007.lnk');" /><label for=line1 style="background:url('../images/palitra/Test/Microsoft Office Access 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line2 name="line-style" value=2 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Excel 2007.lnk');" /><label for=line2 style="background:url('../images/palitra/Test/Microsoft Office Excel 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line3 name="line-style" value=3 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Groove 2007.lnk');" /><label for=line3 style="background:url('../images/palitra/Test/Microsoft Office Groove 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line4 name="line-style" value=4 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office InfoPath 2007.lnk');" /><label for=line4 style="background:url('../images/palitra/Test/Microsoft Office InfoPath 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line5 name="line-style" value=5 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office OneNote 2007.lnk');" /><label for=line5 style="background:url('../images/palitra/Test/Microsoft Office OneNote 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line6 name="line-style" value=6 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Outlook 2007.lnk');" /><label for=line6 style="background:url('../images/palitra/Test/Microsoft Office Outlook 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line7 name="line-style" value=7 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office PowerPoint 2007.lnk');" /><label for=line7 style="background:url('../images/palitra/Test/Microsoft Office PowerPoint 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line8 name="line-style" value=8 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Publisher 2007.lnk');" /><label for=line8 style="background:url('../images/palitra/Test/Microsoft Office Publisher 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line9 name="line-style" value=9 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Word 2007.lnk');" /><label for=line9 style="background:url('../images/palitra/Test/Microsoft Office Word 2007.lnk') 50% 50%;"></label>
<input type="radio" id=line10 name="line-style" value=10 onclick="lalalalala('7','../images/palitra/Test/Digital Certificate for VBA Projects.lnk');" /><label for=line10 style="background:url('../images/palitra/Test/Digital Certificate for VBA Projects.lnk') 50% 50%;"></label>
<input type="radio" id=line11 name="line-style" value=11 onclick="lalalalala('7','../images/palitra/Test/Microsoft Clip Organizer.lnk');" /><label for=line11 style="background:url('../images/palitra/Test/Microsoft Clip Organizer.lnk') 50% 50%;"></label>
<input type="radio" id=line12 name="line-style" value=12 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office 2007 Language Settings.lnk');" /><label for=line12 style="background:url('../images/palitra/Test/Microsoft Office 2007 Language Settings.lnk') 50% 50%;"></label>
<input type="radio" id=line13 name="line-style" value=13 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Diagnostics.lnk');" /><label for=line13 style="background:url('../images/palitra/Test/Microsoft Office Diagnostics.lnk') 50% 50%;"></label>
<input type="radio" id=line14 name="line-style" value=14 onclick="lalalalala('7','../images/palitra/Test/Microsoft Office Picture Manager.lnk');" /><label for=line14 style="background:url('../images/palitra/Test/Microsoft Office Picture Manager.lnk') 50% 50%;"></label>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 hero-feature">
<div class="thumbnail">
<img src="../images/products/MasterCard-Debit.jpg" alt="" width="800" height="500" id=img8>
<div class="caption">
<p style="background-color:#FFD700;">Новое</p>
<p>Артикуль:15xx1592</p>
<p>Количество:10 3</p>
<p style="font-size:large;" color=red>Цена:12003€</p>
<p>
<a href="#" class="btn btn-primary" id=myBtn>Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
</p>
<div id="image-dropdown" >
<input type="radio" id=line1 name="line-style" value=1 onclick="lalalalala('8','../images/palitra/Новое/11.PNG');" /><label for=line1 style="background:url('../images/palitra/Новое/11.PNG') 50% 50%;"></label>
<input type="radio" id=line2 name="line-style" value=2 onclick="lalalalala('8','../images/palitra/Новое/2.PNG');" /><label for=line2 style="background:url('../images/palitra/Новое/2.PNG') 50% 50%;"></label>
<input type="radio" id=line3 name="line-style" value=3 onclick="lalalalala('8','../images/palitra/Новое/3.PNG');" /><label for=line3 style="background:url('../images/palitra/Новое/3.PNG') 50% 50%;"></label>
<input type="radio" id=line4 name="line-style" value=4 onclick="lalalalala('8','../images/palitra/Новое/4.PNG');" /><label for=line4 style="background:url('../images/palitra/Новое/4.PNG') 50% 50%;"></label>
</div>
</div>
</div>
</div>
function lalalalala(o, b){
/*if(o.id=='line6'){*/
//$("#img"+o).attr('src',b);
/*}else
$("#ccc").attr('src',array[0]);
*/
//document.getElementById("'img'+o").src=b+"";
alert(b);
}
function lalalalala(o, b) {
return function() {
// what you want to happen onclick goes here
alert(b);
}
}