选择标记而不下拉

时间:2011-08-24 08:01:28

标签: javascript html ruby-on-rails

在我的应用程序中,我想让用户输入时间。为此,我正在考虑放置两个选择标签(小时和分钟)。但我不想要下拉列表,我希望列表只显示一个项目,当我点击向上箭头时,我应该在列表中的上方。 示例:小时列表显示01,当我单击向上箭头时,它将显示02和03之后,依此类推。 我不知道这个标签的名称,有谁知道如何制作这个? 感谢。

3 个答案:

答案 0 :(得分:1)

您正在寻找像这样的HTML5 input type="number"

<input type="number" step="1" max="24" min="0" value="9"/>

但它现在不适用于所有浏览器。
如果您使用的是jQuery,那么使用Timepicker会更好:http://trentrichardson.com/examples/timepicker/

$('#example3').timepicker({});

答案 1 :(得分:0)

您可以使用文本框,后跟两个按钮,即向上箭头和向下箭头。在文本框中输入值(仅整数)并单击向上箭头后,您可以增加文本框中显示的值,单击向下按钮,您可以减小文本框中的值。

希望这有助于你

答案 2 :(得分:0)

在设计部分这样做,  添加一个TextBox和两个Image控件然后单击图像使用并修改以下脚本。

在JavaScript中这样做,

功能小时(时间){             if(time =='up'&amp;&amp; parseInt(document.getElementById('hours')。value)&gt; 1){ 。的document.getElementById( '小时')值= parseInt函数(的document.getElementById( '小时')的值。)-1;     }     if(time =='down'&amp;&amp; parseInt(document.getElementById('hours')。value)&lt; 24){ 。的document.getElementById( '小时')值= parseInt函数(的document.getElementById( '小时')的值。)1;     }     }