Javascript 填写第一个后输入显示_Javascript_Jquery

Javascript 填写第一个后输入显示

javascript jquery

Javascript 填写第一个后输入显示,javascript,jquery,Javascript,Jquery,在填写第一个输入后，是否有办法在表单中显示第二个输入？例如，如果我有一个文本输入询问有多少孩子要去旅行，这个人回答，第二个输入显示询问年龄范围…是的，这是可能的您应该查看或事件来控制此操作。然后当然隐藏和显示某些元素。一个简单的例子： HTML: <input id="in1" type="text" /><br> <input id="in2" type="text" /><br> $('#in1').change(function(){

在填写第一个输入后，是否有办法在表单中显示第二个输入？例如，如果我有一个文本输入询问有多少孩子要去旅行，这个人回答，第二个输入显示询问年龄范围…

是的，这是可能的

您应该查看或事件来控制此操作。然后当然隐藏和显示某些元素。

一个简单的例子：

HTML:

<input id="in1" type="text" /><br>
<input id="in2" type="text" /><br>

$('#in1').change(function(){
    if ( this.value != '' ) $('#in2').show().focus();
});

更新：

<input id="in1" type="text" /><br>
<input id="in2" type="text" /><br>

$('#in1').change(function(){
    if ( this.value != '' ) $('#in2').show().focus();
});

请注意，必须将jQuery代码包装在

文档中。ready

包装器：

$(document).ready({
    $('#in1').change(function(){
        if ( this.value != '' ) $('#in2').show().focus();
    });
}); //END document.ready

这可以防止javascript在DOM中存在某个元素之前尝试将某个事件（即

change

事件）绑定到该DOM元素（即

#in1

元素）$（document）.ready（）
确保在尝试创建事件绑定之前已完全呈现DOM。

通常，所有（或几乎所有）javascript/jQuery代码都写在

$（document.ready（）

包装器中

注:

上面的代码示例使用jQuery，因此您应该参考

标记中的jQuery库，comme ca:

<head>
    <!-- other stuff in head -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

请注意，如果使用CDN加载jQuery库（如上所述），则jQuery可能已经从以前访问过的其他网站预加载

如果您想要一些关于jQuery的快速课程，请在此处找到免费视频教程：

或

当然是；你试过什么？你能发布你的代码吗？谢谢你的信息！我试过了，但没用，下面是我的html:

js:$（'ninos'）.change（function（）{if（this.value！=''）$（'edades'）.show（）.focus（）；}）$（document）.ready（）包装器中吗？请参阅更新的答案。