Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要使用select将按钮的onClick值更改为另一个值_Javascript_Jquery_Html - Fatal编程技术网

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">&nbsp;&nbsp;<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">&nbsp;&nbsp;<input type="button" id="button" value="Calculate" onClick="wordcountprice();"> <br /><b id='estPrice'>Estimated Price</b>
      
      $('#button').attr("onClick", "wordcountprice('"+type+"');" );
      

      感谢您的快速响应。我不知道jQuery的属性函数。我已经尝试过将其与我已有的属性函数结合使用,效果非常好。谢谢!感谢您的快速响应。我不知道jQuery的属性函数。我已经将其与我已有的属性函数结合使用,效果非常好。非常感谢。