Question

所以我有一个这样的下拉列表：

<select name="store-cost" class="target">
    <option value = '100'>100</option>
    <option value = '500'>500</option>
    <option value = '1500'>1500</option>
</select>

和jquery查看用户选择了什么

$( ".target" ).change(function() {
    console.log($( this ).val());
});

我有一个调用jquery函数的按钮：

<a href="#" onclick = donateNow(100)>Donate</a>

如何根据用户的选项更改donateNow函数中的值？

非常感谢

编辑，抱歉没有说清楚，我想改变我想根据用户选择的选项更改功能donateNow（）参数

Answer 1

快速而肮脏：

<a href="#" onclick="donateNow($('.target').val())">Donate</a>

更好的做法：

<a href="#" onclick="donateNow()">Donate</a>
<script type="text/javascript">
function donateNow() {
  var amount = $('.target').val();
  //use amount
}
</script>

Answer 2

<强> Demo

试试这个，

更新：更好的方式。

您可以在函数定义中获取值。

<a href="#" >Donate</a>

$( ".target" ).change(function() {
    console.log($( this ).val());
});

$("a:contains('Donate')").click(function(){
     donateNow($( ".target" ).val()):
});
function donateNow(selectedVal){
    console.log(selectedVal);
}

Answer 3

您可以尝试以下内容：

<select name="store-cost" class="target">
    <option value = '100'>100</option>
    <option value = '500'>500</option>
    <option value = '1500'>1500</option>
</select>
<a href="#" onclick = "donateNow($('.target').val())">Donate</a>

在你的javascript中：

function donateNow(currValue)
{
    alert('you donated: '+ currValue);
}

您可以在jsFiddle：

上查看

当我点击时如何更改值

3 个答案: