循环使用数字类型的输入

时间:2016-02-23 11:07:32

标签: javascript

我显然对javascript非常新。 我所拥有的是一个输入,其类型编号至少为1,最大为31.我要求用户选择他们出生的日期。 但是,我不确定如何检索用户值。如果它是一个带有选项的选择框我可以得到它,但是赋值的要求是使用带有类型编号的输入框。 我很感激有关如何做到这一点的任何指导,我已经查找了3个小时的不同来源,我确信它非常简单,我只是没有看到它

这是我的HTML:

   <label for="birth_day">Please select your birthday:</label>
         <input type="number" name="birthday" id="birthday"
         min="1" max="31">

提前感谢您提供任何帮助

3 个答案:

答案 0 :(得分:0)

input element的价值可以从value property获得:

var v = document.getElementById("birthday").value;

即使使用input type="number",它也是一个字符串,因此您需要解析它。 This answer可以通过多种方式实现,具体取决于您想要的行为,尽管input type="number"只需var n = +v;就可以了。

答案 1 :(得分:0)

与其他任何输入值一样,请参阅此demo

<input type="number" name="birthday" id="birthday"
         min="1" max="31" onblur="alertValue(this)">

function alertValue(thisObj)
{
   alert( thisObj.value ); 
}

答案 2 :(得分:0)

正如你所说的那样简单。您可以使用纯JavaScript,也可以使用jQuery库。

使用JavaScript:

//you get the value by id
var value = document.getElementById("birthday").value;

//or you can get by tag name; element type;
var value = document.getElementsByTagName("input").value;

第一个更具体,因为您可以在页面上有多个输入元素。

使用jQuery:

 //
 $( "input[name='birthday']" ).val(); 

检查jQuery doc。它的例子非常丰富。 Selecting Elements with jQuery

致以最诚挚的问候,