1

我想根据用户单击图像来填充贝宝表单。

$('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>

下拉菜单不必是可见的,最好是在用户点击图片后,他会点击“立即购买”,然后颜色就会更新。查看页面的当前版本。

有什么建议么?

4

1 回答 1

1

最好的方法是让颜色选项隐藏值,然后在你的点击事件中更新它们,不像这样:

形式:

<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>
                <input id="os0" type="hidden" name="os0" value="Black">
                <div id="os0_text">Black</div>
            </td>
        </tr>
        <tr>
            <td>
                <input type="hidden" name="on1" value="Lens">Lens
            </td>
        </tr>
        <tr>
            <td>
                <input id="os1" type="hidden" name="os1" value="Green">
                <div id="os1_text">Green</div>

            </td>
        </tr>
    </table>
</form>

JavaScript:

$("#os0").val("Copper");
$("#os0_text").text("Copper");
于 2013-07-08T17:39:45.817 回答