如何改变一个值，当我点击

How to change a value when i onclick

本文关键字：何改变 改变 一个      更新时间：2023-09-26

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

<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()参数根据用户选择的选项

快速和肮脏:

<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>

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);
}

您可以在下面尝试:

<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上检查:

相关文章：