Javascript 编辑按钮"；onclick"；取决于所选值的函数

当有人点击“提交”按钮时，我希望它调用当前在“paymentMethod”选项组框中选择的函数

例如，如果我选择了比特币选项，它将调用Bitcoin（）函数，按钮将如下所示：

提交

我的代码：

<select class="form-control select2" id='paymentMethod'>

                          <optgroup label="Crypto">
                                <option value="Bitcoin">Bitcoin, Etherum, Litecoin, DogeCoin, Ripple, ETC</option>
                                   </optgroup>


                                   <optgroup label="Paypal">
                                   <option value="Paypal">Paypal</option>
                                   </optgroup>

                                   <optgroup label="Giftcard">
                                   <option value="Giftcard">Amazon, PSN, Steam, Battle.Net, G2A, ETC</option>
                                   </optgroup>

    </select>

 <button onclick='//I want this to be whatever is selected in paymentMethod option group' class='btn btn-primary'>Submit</button>

比特币、以太币、莱特币、DogeCoin、Ripple等
贝宝
亚马逊、PSN、Steam、战网、G2A等
提交

我尝试了以下JS代码：

                         <script>

    $(document).ready(function(){
    $('#paymentMethod').on('change', function() {
      if ( this.value == 'Paypal')
      //.....................^.......
      {
        var paymentEr = 'Paypal()';
      }
      else if (this.value == 'Giftcard')
      {
        var paymentEr = 'Giftcard()';
      } else {
          var paymentEr = 'Paypal()';
      }
    });
});

    document.write("<button onclick=' + paymentEr + "' class="btn btn-primary">Submit</button>");
    </script>

$（文档）.ready（函数（）{
$（'#paymentMethod'）。在（'change'，function（）上{
如果（this.value=='Paypal'）
//.....................^.......
{
var paymentEr='Paypal（）'；
}
else if（this.value==“Giftcard”）
{
var paymentEr='Giftcard（）'；
}否则{
var paymentEr='Paypal（）'；
}
});
});
文件。填写（“提交”）；

在按钮

上单击

它检查select元素中的所选值，您可以避免在html代码中使用内联javascript。检查我的答案

函数init（）{
设el=document.getElementById（“paymentMethod”）；
设sbmBtn=document.getElementById（“submitBtn”）；
sbmBtn.addEventListener（'click'，getSelectedValue）；
函数getSelectedValue（）{
让selectedVal=el.options[el.selectedIndex].value；
如果（selectedVal=='Paypal'）{
//var paymentEr='Paypal（）'；
警报（selectedVal）；
}else if（selectedVal==“Giftcard”）{
//var paymentEr='Giftcard（）'；
警报（selectedVal）；
}否则{
//var paymentEr='Paypal（）'；
警报（selectedVal）；
}
}
}
//DOM已加载
addEventListener（'load'，init）

比特币、以太币、莱特币、DogeCoin、Ripple等
贝宝
亚马逊、PSN、Steam、战网、G2A等
单击按钮上的
单击
它检查select元素的选定值，您可以避免在html代码中使用内联javascript。检查我的答案


函数init（）{
设el=document.getElementById（“paymentMethod”）；
设sbmBtn=document.getElementById（“submitBtn”）；
sbmBtn.addEventListener（'click'，getSelectedValue）；
函数getSelectedValue（）{
让selectedVal=el.options[el.selectedIndex].value；
如果（selectedVal=='Paypal'）{
//var paymentEr='Paypal（）'；
警报（selectedVal）；
}else if（selectedVal==“Giftcard”）{
//var paymentEr='Giftcard（）'；
警报（selectedVal）；
}否则{
//var paymentEr='Paypal（）'；
警报（selectedVal）；
}
}
}
//DOM已加载
addEventListener（'load'，init）

比特币、以太币、莱特币、DogeCoin、Ripple等
贝宝
亚马逊、PSN、Steam、战网、G2A等
单击
而不是更改onClick处理程序本身，我将创建一个处理所有情况的处理程序（或者如果您希望使用单独的函数来组织代码，只需在相关条件块中调用这些函数，如下所示）：


函数handleForm（）{
const selected=document.getElementById（“paymentMethod”）.value；
如果（所选=='比特币'）{
//处理比特币
}
else if（已选==='Paypal'）{
//处理贝宝
}
else if（所选==='Giftcard'）{
//处理礼品卡
}
}

比特币、以太币、莱特币、DogeCoin、Ripple等
贝宝
亚马逊、PSN、Steam、战网、G2A等
Submit
而不是更改onClick处理程序本身，我将创建一个处理所有情况的处理程序（或者如果您希望使用单独的函数来组织代码，只需在相关条件块中调用这些函数，如下所示）：


函数handleForm（）{
const selected=document.getElementById（“paymentMethod”）.value；
如果（所选=='比特币'）{
//处理比特币
}
else if（已选==='Paypal'）{
//处理贝宝
}
else if（所选==='Giftcard'）{
//处理礼品卡
}
}

比特币、以太币、莱特币、DogeCoin、Ripple等
贝宝
亚马逊、PSN、Steam、战网、G2A等
提交
您尝试的JavaScript在哪里？添加了我尝试过的JS代码。切勿使用
文档。写入
。您尝试的JavaScript在哪里？添加了我尝试过的JS代码。切勿使用
文档。写入
。