输入具有指定值时隐藏div

当值= 10时，我试图隐藏div

这是代码和演示正常工作：

 $('input[name=test]').keyup(function(){ if($(this).val()<10) $('#yeah').show(); else $('#yeah').hide(); });  Type whatever  
   

但我正在尝试将该代码转换为Prototype代码，我尝试了这段代码 ：

 Event.observe(window, 'load', function () { $('input[name=test]').keyup(function(){ if($(this).val()<10) $('#yeah').show(); else $('#yeah').hide(); }); }); 

我只想在输入值= 10时将div隐藏到原型代码中。

请有人可以帮帮我吗？

Answer 1

为文本框提供ID 。 例如：

更改：

至：

您需要使用返回数组的$$函数。

 Event.observe('txtbox', 'keyup', function () { if ($$('input[name="test"]')[0].value < 10){ $$('#yeah')[0].show(); } else{ $$('#yeah')[0].hide(); } }); 

注意：您也可以使用.first()而不是[0]

的jsfiddle

Answer 2

你有原型lib的问题，

从不触发Event.observe函数，其次，您似乎仍在使用jquery api

 $().keyup() 

而你只加载原型function。

现在人们很少使用原型，人们使用jquery进行dom和下划线/ lodash迭代。