Fatal编程技术网
  • javascript/
  • Javascript 将使用（滑块）计算的变量发送到Paypal按钮的价格值

Javascript 将使用（滑块）计算的变量发送到Paypal按钮的价格值

javascript jquery html paypal

Javascript 将使用（滑块）计算的变量发送到Paypal按钮的价格值,javascript,jquery,html,paypal,Javascript,Jquery,Html,Paypal,我正在尝试将多个滑块计算的变量发送到Paypal，以便创建一个动态按钮，其价格值根据滑块值而变化 到目前为止，我已经设法将计算出的值作为javascript var=mapoman中的变量从表单中取出。但我一直未能将值传递给贝宝按钮。。。我正在使用一个未注册的Paypal按钮 我假设计算值存储在输入中，对吗？？ 当前，表单中的oninput计算通过输出显示，函数Add计算Paypal按钮的值 我不能使用PHP，因为我的服务器目前无法处理它。因此，我试图仅使用javascript实现这一点 下面是

我正在尝试将多个滑块计算的变量发送到Paypal，以便创建一个动态按钮，其价格值根据滑块值而变化

到目前为止，我已经设法将计算出的值作为javascript var=mapoman中的变量从表单中取出。但我一直未能将值传递给贝宝按钮。。。我正在使用一个未注册的Paypal按钮

我假设计算值存储在输入中，对吗？？ 当前，表单中的oninput计算通过输出显示，函数Add计算Paypal按钮的值

我不能使用PHP，因为我的服务器目前无法处理它。因此，我试图仅使用javascript实现这一点

下面是我的代码。。 我真的希望这是可行的！！ 谢谢你的建议，谢谢

<html>

<head>

<script language="javascript">

function Add(){
document.mapo.mapoprice.value = eval(document.mapo.slider1.value) + eval(document.mapo.slider2.value) + eval(document.mapo.slider3.value) + eval(document.mapo.slider4.value) + eval(document.mapo.slider5.value) + eval(document.mapo.slider6.value) + eval(document.mapo.slider7.value) + eval(document.mapo.slider8.value);
}

function GetMapoman(){
var mapoman = document.getElementById("mapoprice").value;
document.getElementById("saru").innerHTML = mapoman; 
}

</script>

</head>

<body>

<form name="mapo" oninput="total.value = slider1.valueAsNumber + slider2.valueAsNumber + slider3.valueAsNumber + slider4.valueAsNumber + slider5.valueAsNumber + slider6.valueAsNumber + slider7.valueAsNumber + slider8.valueAsNumber;Add();GetMapoman();">

<input name="slider1" id="slider1" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider2" id="slider2" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider3" id="slider3" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider4" id="slider4" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider5" id="slider5" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider6" id="slider6" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider7" id="slider7" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input name="slider8" id="slider8" type="range" min="3" max="8" value="3" step="1" style="width:650px">

<input type="text" name="mapoprice" id="mapoprice"><!-- <--is this storing the value calculated by the sliders above???-->
<output name="total" for="slider1 slider2 slider3 slider4 slider5 slider6 slider7 slider8"></output>

</form>

<p id="saru"></p>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="---.com">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="item_name" value="---">
<input type="hidden" name="amount id="totalmapo"><!--this bit I'm trying to put the calculated value by the sliders-->
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="button_subtype" value="services">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Add special instructions to the seller:">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

</body>

</html>
$function{ $滑块范围最大滑块{ 范围：最大， 民:1,， 最高：10， 价值：2， 幻灯片：功能事件，用户界面{ $amount.val ui.value； $amt_id.val ui.value； } }; $amount.val$滑块范围最大滑块值； }; jQuery UI滑块-具有固定最大值的范围 选择一个数量
经过这么多的尝试和错误，我终于在没有jquery的情况下实现了我想要的功能

    <html>

<head>

<script type="text/javascript" >

function Add(){
document.mapo.mapoprice.value = eval(document.mapo.slider1.value) + eval(document.mapo.slider2.value) + eval(document.mapo.slider3.value) + eval(document.mapo.slider4.value) + eval(document.mapo.slider5.value) + eval(document.mapo.slider6.value) + eval(document.mapo.slider7.value) + eval(document.mapo.slider8.value);
}

function GetMapoman(){
var mapoman = document.getElementById("mapoprice").value;
document.getElementById("saru").innerHTML = mapoman; 
}

function updateTextInput1(val) {
      document.getElementById('textInput1').value=val; 
    }

function updateTextInput2(val) {
      document.getElementById('textInput2').value=val; 
    }

function updateTextInput3(val) {
      document.getElementById('textInput3').value=val; 
    }

function updateTextInput4(val) {
      document.getElementById('textInput4').value=val; 
    }

function updateTextInput5(val) {
      document.getElementById('textInput5').value=val; 
    }

function updateTextInput6(val) {
      document.getElementById('textInput6').value=val; 
    }    

function updateTextInput7(val) {
      document.getElementById('textInput7').value=val; 
    }    

function updateTextInput8(val) {
      document.getElementById('textInput8').value=val; 
    }    

</script>

</head>

<body>
<form name="mapo" id="mapo" oninput="Add();GetMapoman();GetMapomanPrice();">

<input name="slider1" id="slider1" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput1(this.value);" oninput="amount1.value=slider1.value">
<input type="text" id="textInput1" value="">
<output name="amount1" for="slider1">3</output>

<input name="slider2" id="slider2" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput2(this.value);" oninput="amount2.value=slider2.value">
<input type="text" id="textInput2" value="">
<output name="amount2" for="slider2">3</output>

<input name="slider3" id="slider3" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput3(this.value);" oninput="amount3.value=slider3.value">
<input type="text" id="textInput3" value="">
<output name="amount3" for="slider3">3</output>

<input name="slider4" id="slider4" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput4(this.value);" oninput="amount4.value=slider4.value">
<input type="text" id="textInput4" value="">
<output name="amount4" for="slider4">3</output>

<input name="slider5" id="slider5" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput5(this.value);" oninput="amount5.value=slider5.value">
<input type="text" id="textInput5" value="">
<output name="amount5" for="slider5">3</output>

<input name="slider6" id="slider6" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput6(this.value);" oninput="amount6.value=slider6.value">
<input type="text" id="textInput6" value="">
<output name="amount6" for="slider6">3</output>

<input name="slider7" id="slider7" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput7(this.value);" oninput="amount7.value=slider7.value">
<input type="text" id="textInput7" value="">
<output name="amount7" for="slider7">3</output>

<input name="slider8" id="slider8" type="range" min="3" max="8" value="3" step="1" style="width:650px" onchange="updateTextInput8(this.value);" oninput="amount8.value=slider8.value">
<input type="text" id="textInput8" value="">
<output name="amount8" for="slider8">3</output>

<p><input type="text" name="mapoprice" value="" id="mapoprice" /></p>

</form>

<p id="saru"></p>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="---.com"><!--put your own email address-->
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="item_name" value="---"><!--put your own item name-->
<input type="hidden" name="amount" id="finalpaypal">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="button_subtype" value="services">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Add special instructions to the seller:">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
<input type="image" src="http://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>

<script>
function GetMapomanPrice() { 
var mapoman = document.getElementById("mapoprice").value;
document.getElementById("finalpaypal").value = mapoman;
}
</script>

</body>
</html>
你在这里面临什么问题？嗨，问题是我无法将用滑块计算的价值传递给贝宝的价值价格。我一直在尝试stackoverflow中建议的许多方法，但还没有找到答案…你可以查看答案谢谢，Vimal，它看起来很棒，但我是一名编码新手，因此无法找到如何正确运行它的方法。。。你能展示你的代码中的哪一部分放在头部、身体等部位吗？还有一件事，你知道如何用这个jquery滑块制作多个滑块并将加起来的值发送到paypal吗？只要看看JSFIDLE链接，你就会看到放在哪里只要复制上面的代码，另存为.html文件并运行，这就是我发现我必须先加载jquery，然后再加载jquery ui和jquery css。我想我可以改变它，实现我想要的。谢谢