我想根据用户单击图像来填充贝宝表单。
$('a.thumbnail').click(function(){
var src = $(this).attr('href');
if (src != $('img#largeImg').attr('src').replace(/\?(.*)/,'')){
$('img#largeImg').stop().animate({
opacity: '0'
}, function(){
$(this).attr('src', src+'?'+Math.floor(Math.random()*(10*100)));
}).load(function(){
$(this).stop().animate({
opacity: '1'
});
});
}
return false;
});
有 2 组图像,用户选择他想要的颜色,根据选择,贝宝菜单中的选择会改变。例如 - color1=黑色,color2=棕色
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="FEM2HYYCALHEE">
<table>
<tr><td><input type="hidden" name="on0" value="Chassis">Chassis</td></tr><tr><td><select name="os0">
<option value="Black">Black </option>
<option value="Copper">Copper </option>
<option value="Gold">Gold </option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="Lens">Lens</td></tr><tr><td><select name="os1">
<option value="Green">Green </option>
<option value="Grey">Grey </option>
<option value="Brown">Brown </option>
<option value="Amber">Amber </option>
<option value="Yellow">Yellow </option>
</select> </td></tr>
下拉菜单不必是可见的,最好是在用户点击图片后,他会点击“立即购买”,然后颜色就会更新。查看页面的当前版本。
有什么建议么?