javascript - 使用带有 jquery 的动态表单选择

Question

你好，

我很抱歉 - 我是 jQuery 的新手，正在尝试构建一个表单，该表单将根据用户选择显示其他字段。

现在我有一个包含很多步骤的表单，我想把它放在一页上。所以思路如下:

站点上的第一个表单是:

         <label for="form1">Form1</label>
         <select name="select1" id="select1">
             <option value="airport">Airport</option>
             <option value="railway">Railway station</option>
             <option value="address">Address</option>
         </select>

我想做的是当一个人做出选择时会出现另一个字段，例如:

1. 如果选择机场选项，它应该将选择字段显示为:

     <select name="select1" id="select1">
         <option value="airport1">Airport1</option>
         <option value="airport2">Airport2</option>
         <option value="airport3">Airport3</option>
     </select>
   

2. 如果选择铁路选项，与机场相同。

3. 如果选择了选项地址，它应该会弹出一个输入文本字段:

    <input name="sometext" type="text" size="30" maxlength="255">
   

有什么想法吗？我到处寻找教程。

Answer 1

监听变化事件并检查选择的值

$('#checkboxId').change(function(){//some actions})

这是 fiddle 。 http://jsfiddle.net/Goodluck/NS24G/