Drop down menu 为PayPal第三方购物车中的下拉菜单指定值

Drop down menu 为PayPal第三方购物车中的下拉菜单指定值,drop-down-menu,paypal,Drop Down Menu,Paypal,我正在尝试在第三方网站上实现PayPal购物车。首先要求客户从下拉菜单中选择一种产品(“产品”),然后(可选)在文本字段中输入特定金额(“额外成本”)。这两个值最终应在提交后发送到PayPal 虽然有两个文本字段可以很好地工作,其中amount_1和amount_2都有明确的定义,但我很难为下拉列表的选项指定不同的值(/amounts,比如10.00和5.00),并使所选选项的值成为我的值amount_1。以下是我到目前为止发现的代码: 产品1 产品2 英镑 我假设这是用于选择产品的选择

我正在尝试在第三方网站上实现PayPal购物车。首先要求客户从下拉菜单中选择一种产品(“产品”),然后(可选)在文本字段中输入特定金额(“额外成本”)。这两个值最终应在提交后发送到PayPal

虽然有两个文本字段可以很好地工作,其中
amount_1
amount_2
都有明确的定义,但我很难为下拉列表的选项指定不同的值(/amounts,比如10.00和5.00),并使所选选项的值成为我的值
amount_1
。以下是我到目前为止发现的代码:


产品1
产品2
英镑



我假设这是用于选择产品的选择框
金额\u 1

<select name="os0_1">
    <option value="product1">Product 1</option>
    <option value="product2">Product 2</option>
</select>

产品1
产品2
您需要做的是:

<input type="hidden" name="item_name_1" value="Product" id="item_name_1">
<select name="amount_1" onchange="changeProductName()" id="amount_1">
    <option value="5.00">Product that is a fiver</option>
    <option value="10.00">Product that is a tenner</option>
</select>

<script>
    function changeProductName() {
        var e = document.getElementById('amount_1');
        var h = document.getElementById('item_name_1');

        h.value = e.options[e.selectedIndex].text;
    }
</script>

五元的产品
十美分的产品
函数changeProductName(){
var e=document.getElementById('amount_1');
var h=document.getElementById('item_name_1');
h、 value=e.options[e.selectedIndex]。文本;
}
这会将
项目名称\u 1
更改为价格选项的友好值