Question

我制作一个脚本来计算数字。

但我希望此脚本仅在用户选择下拉列表 text2 （值= 5）

时才有效

但是这个脚本不起作用（运行脚本时没有发生） :( 任何人都可以帮助或建议我开始使用此脚本。

<select id="stt" onchange="copy()">
     <option value="">Select</option>
     <option value="8">text1</option>
     <option value="5">text2</option>
     <option value="4">text3</option>     
</select><br>

Calculate<br>
<input type="text" id="input">
<input type="text" disabled="disabled" id="result">

<script>
    function copy() {
       if (document.getElementById("stt").value == "5") {
           $(document).ready(function(){
              $("#input").keyup(function(){
                 var val1 = +$("#input").val();
                 $("#result").val(val1*79);
              });
           });
       }
   }
</script>

Answer 1

<head>
<script>
var value;
function copy() {
    value=document.getElementById("stt").value; //get the value of select everytime it change the value
}

function dd()
{
    if(value=="5")//if the value is 5 do the code below
    {
      var val1= document.getElementById('input');
     document.getElementById('result').value=val1.value*79;
    }
}
</script>
</head>
<body >

<select id="stt" onchange="copy()">
 <option value="">Select</option>
 <option value="8">text1</option>
 <option value="5">text2</option>
 <option value="4">text3</option>     
</select><br>

<input type="text" id="input"  oninput="dd()" >
<input type="text" disabled="disabled" id="result">
</body>
</html>

Answer 2

您需要添加对jquery库的引用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>

将它放在现有脚本块之前。

此外，你在copy（）函数中不需要$（document）.ready（function（）{}。

Answer 3

**编辑** ：使用$("#input").on("change"更改了$("#input").on("keypress"。

新工作的JSFiddle：http://jsfiddle.net/L69dp/1/

HTML代码：

<select id="stt">
    <option value="">
        Select
    </option>

    <option value="8">
        text1
    </option>

    <option value="5">
        text2
    </option>

    <option value="4">
        text3
    </option>
</select><br>
Calculate<br>

<form>
    <input id="input" type="text"> <input disabled="true" id="result" type=
    "text">
</form>

JS代码：

$(function() {
function calculate() {
    var sttval = $("#stt").val();
    if (sttval == "5") {
        var val1 = $("#input").val();
        $("#result").val(val1 * 79);
    } else {
        $("#result").val("");
    }
}
$("#stt").on("change", function() {
    calculate();
});
$("#input").on("keypress", function() {
    calculate();
});}());

如果选择值=，则运行Javascript

3 个答案: