JavaScript文字栏位值

时间:2018-06-28 06:28:57

标签: javascript html5

我想通过文本字段计算偶数和奇数,该文本字段是我放置值的范围,并且我通过select标签选择了偶数和奇数。那么我应该如何从文本字段获取值呢?计算功能?

JavaScript代码

 function calculate()
 { 
 var i=0; for(i=1;i<=1000;i++) 
  { 
   if(i%2==0) { 
 document.getElementById("even").value="the numbers is" + i + "<br>";
  } 
else {
document.getElementById("odd").value="the numbers is" + i + "<br>"; }
} 
}

HTML

<body> 
<input type="text" name="value" value="" id="value1" placeholder="Enter the 
first number" /> 
<select> 
   <option value="even" id="even">Even</option> 
   <option value="odd" id="odd">Odd</option>
   </select>
 <p id="value1"> </p> 
<p id="even"> </p>
 <p id="odd"> </p>
 <input type="button" value="Calculate" onclick="calculate()" /> 

3 个答案:

答案 0 :(得分:1)

请参阅此页面Input Text value Property - w3schools

要从输入字段中获取价值,您可以使用:

var x = document.getElementById("myText").value;

要在输入字段中设置值,可以使用:

document.getElementById("myText").value = "my value";

答案 1 :(得分:0)

设置者:

document.getElementById("yourInputField").value = "Value";  // JavaScript
$('#yourInputField').val(Value);  // jQuery

信件:

var Value = document.getElementById("yourInputField").value;  // JavaScript
var Value = $('#yourInputField').val();  // jQuery

在计算方法中使用它们,然后享受。 ;-)

答案 2 :(得分:0)

据我了解,您需要选择文本框的值,但您还需要一个函数,该函数可在按键时被击中并将文本框值传递给 calculate()函数

使用此功能,一旦按下一个键,该功能便会执行。

$("#yourtextboxidhere").keyup(function(){

        var textValue =  $.trim( $('#yourtextboxidhere').val() ); 

        // convert the string value from text box to int so you can use it in your calculate function for comparison 
        // as text box values are string)
        var textValue = parseInt(textValue)



    //Put your calculate function here and pass it the value:
    calculate(textValue);

    //calculate function goes here.... (don't forget to add a parameter in you calculate function so you may use it in a correct way)

//replace 'i' in your function with the passed parameter.


    });

别忘了使用jquery。