gpt4 book ai didi

javascript - 当输入具有指定值时隐藏 div

转载 作者:行者123 更新时间:2023-11-28 19:43:18 24 4
gpt4 key购买 nike

我试图在值 = 10 时隐藏 div

这是代码和 demo工作正常:

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

<label>Type whatever</label>
<input type="text" name="test"value="10" />

<div id="yeah" style="display:none;">
<input type="submit" />
</div>

但是我正在尝试将该代码转换为原型(prototype)代码,并且我尝试了 this code :

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

我只想在原型(prototype)代码中输入 value = 10 时隐藏 div。

请问有人可以帮助我吗?

最佳答案

为文本框指定一个ID。例如:

<input type="text" id="txtbox" name="test" value="10" />

更改:

<div id="yeah" style="display:inline;">

致:

<div id="yeah" style="display:none;">

您需要使用$$返回 array 的函数.

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

注意:您还可以使用.first()代替[0]

JSFiddle

关于javascript - 当输入具有指定值时隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24689323/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com