Question

我想为我的表单做这个动作;

会员将在选择中选择一个选项，输入将显示在表单上。

这是我的表格;

<select name="select1" required="required">

    <option value="1">Car</option>
    <option value="2">Home</option>
    <option value="3">Phone</option>

</select>

这些输入将在用户选择任何选项后出现;

<div id="1" style="display: none;"> <input  type="text" name="1" /></div>
<div id="2" style="display: none;"> <input  type="text" name="2" /></div>
<div id="3" style="display: none;"> <input  type="text" name="3" /></div>

如果用户第一次选择车，则会出现div＃1，但如果他/她选择其他选项等等; div＃1将消失，div＃2将会出现。

感谢您的回答......

Answer 1

首先，选择一个ID，以便选择它。

<select name="select1" required="required" id='select1'>

接下来，给所有div一个类名，这样我们就可以在需要时选择它们。

<div id="1" class='dynamic' style="display: none;"> <input  type="text" name="1" /></div>
<div id="2" class='dynamic' style="display: none;"> <input  type="text" name="2" /></div>
<div id="3" class='dynamic' style="display: none;"> <input  type="text" name="3" /></div>

然后，将事件处理程序绑定到select的更改事件。

$('#select1').change(function(){        
    var currentSelection = $(this).val(); //get the value of the chosen option
    $('.dynamic').hide(); //hide any previously shown divs
    $('#' + currentSelection).show(); //dynamically select and show the div
});

我试图为我的网站创建一个表单

1 个答案: