需要使用select将按钮的onClick值更改为其他值

Question

在我的项目中，我有点迷失了。 我在一家提供翻译服务的公司工作。 好吧，我正在制作一个简单的计算器，根据整个项目中的单词数计算翻译成本。 它还会根据输入的单词数量更改费率。 我完成了这一部分。 我写了这个并且它有效：

function wordcountprice(){
var price,  final, 
    a=document.getElementById('words'),  
wc= parseFloat(a.value) || 0;
if(wc< 10000) price= .29;
else price= wc<20000? .26: .24; 
final= (wc*price).toFixed(2);
document.getElementById('estPrice').innerHTML = 'Your estimated price is: $' + final;}

此时我们有6种类型的翻译工作。 其中五个将使用该功能，最后一个将使用固定价格的基本功能。 我以为我会使用下拉选择框来更改功能。

我在我的HTML中调用上面的函数，如下所示：

  <input type="text" id="words">&nbsp;&nbsp;<input type="button" id="button" value="Calculate" onClick="wordcountprice();"> <br /><b id='estPrice'>Estimated Price</b>

我尝试了几件事，但没有一件有效。 我假设最好的方法是使用jQuery的change（）或select（）函数。 我试过像这样用jQuery创建一个新函数：

$(function() {
$('#type').change(function() {
    var type = $(this).val();
    $('#button').val(type);
}); });

这只会更改按钮的值而不是onClick事件。 我不知道如何或者是否可以像这样更改onClick事件。 我甚至不知道这是否是做我想做的最有效的方法。 当我使用这个HTML尝试时，我调用了该函数：

<select id='type'><option value='1'>A</option>
<option value='2'>B</option>
<option value='3'>C</option>
<option value='4'>D</option></select>

我是jQuery的菜鸟，并且一段时间没有编程，所以我有点生疏。

我在这里先向您的帮助表示感谢。

Answer 1

有几种选择。

• 你可以将一个函数绑定到按钮的click事件： $('#button').click(myFunction)并让myFunction检查$('#type')的值，或者在javascript更改时在内部跟踪类型。 然后你可以根据类型在myFunction中有条件地采取行动，以获得你想要的反应

• 你可以将一个函数绑定到初始类型的按钮，然后在更改处理程序中，首先调用$('#button').unbind('click') ，然后绑定一个新事件（再次， $('#button').click(myNewFunction)根据类型选择myNewFunction

Answer 2

我想你想做这样的事情：

$('#button').attr("onClick", "wordcountprice('"+type+"');" );

http://api.jquery.com/attr/