javascript - 需要使用 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

我认为你想做这样的事情:

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

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