Javascript 需要使用select将按钮的onClick值更改为另一个值
在我的项目中,我在这一点上有点迷茫。我在一家提供翻译服务的公司工作。嗯,我正在制作一个简单的计算器,根据整个项目中的字数来计算翻译成本。它也会根据输入的单词量更改速率。我已经完成了那部分。我写了这篇文章,它很有效:Javascript 需要使用select将按钮的onClick值更改为另一个值,javascript,jquery,html,Javascript,Jquery,Html,在我的项目中,我在这一点上有点迷茫。我在一家提供翻译服务的公司工作。嗯,我正在制作一个简单的计算器,根据整个项目中的字数来计算翻译成本。它也会根据输入的单词量更改速率。我已经完成了那部分。我写了这篇文章,它很有效: function wordcountprice(){ var price, final, a=document.getElementById('words'), wc= parseFloat(a.value) || 0; if(wc< 10000) price=
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;}
这只会更改按钮的值,而不会更改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>
A
B
C
D
我是jQuery的noob,已经有一段时间没有编程了,所以我有点生疏了
提前感谢您的帮助。这里有几个选项
- 您可以将函数绑定到按钮的单击事件:
,让myFunction检查$(“#按钮”)。单击(myFunction)
的值,或者在javascript内部跟踪类型的更改。然后,您可以根据类型在myFunction中有条件地执行操作,以获得所需的反应$(“#类型”)
- 您可以将函数绑定到初始类型的按钮,然后在更改处理程序中,首先调用
,然后绑定新事件(同样,$('#按钮')。取消绑定('click')
,其中myNewFunction是根据类型选择的$('#按钮')。单击(myNewFunction)
- 您可以将函数绑定到按钮的单击事件:
,让myFunction检查$(“#按钮”)。单击(myFunction)
的值,或者在javascript内部跟踪类型的更改。然后,您可以根据类型在myFunction中有条件地执行操作,以获得所需的反应$(“#类型”)
- 您可以将函数绑定到初始类型的按钮,然后在更改处理程序中,首先调用
,然后绑定新事件(同样,$('#按钮')。取消绑定('click')
,其中myNewFunction是根据类型选择的$('#按钮')。单击(myNewFunction)
- 有两种选择
<input type="text" id="words"> <input type="button" id="button" value="Calculate" onClick="wordcountprice();"> <br /><b id='estPrice'>Estimated Price</b>
$('#button').attr("onClick", "wordcountprice('"+type+"');" );
我想你应该这样做:
<input type="text" id="words"> <input type="button" id="button" value="Calculate" onClick="wordcountprice();"> <br /><b id='estPrice'>Estimated Price</b>
$('#button').attr("onClick", "wordcountprice('"+type+"');" );
感谢您的快速响应。我不知道jQuery的属性函数。我已经尝试过将其与我已有的属性函数结合使用,效果非常好。谢谢!感谢您的快速响应。我不知道jQuery的属性函数。我已经将其与我已有的属性函数结合使用,效果非常好。非常感谢。