Question

有没有办法在填充第一个输入后在表单中显示secon输入？例如，如果我有一个文本输入，询问有多少孩子正在旅行，人们会做出回应，第二个输入会出现询问年龄范围......

Answer 1

一个简单的例子：

<强> HTML：

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

<强>的javascript / jQuery的：

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

<强>更新

请注意，您必须将jQuery代码包装在document.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，因此您应该在<head>标记中引用jQuery库，例如：

<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上学习一些快速课程，请在此处找到免费视频：

或

Answer 2

是的，这是可能的。

您应该查看JavaScripts onchange()或jQuery's .change()事件以控制此操作。然后当然隐藏并显示某些元素。