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

-4

会员将选择在选择和输入将出现在窗体上的一个选项..

这是我的形式;

<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将会出现。

谢谢您的回答...

来源

2014-03-26 Emre Y

好像你将不得不在这方面做更多的研究工作。我们不应该为你写这一切:)。一个提示：而不是'1'，'2'，'3'使用这些ID更独特的东西。 – kapa

@kapa就是这样的例子，我也知道它.. 我试着这个; function toggleDivVisibility（theDiv）{document.getElementById（theDiv）.style.visibility =='visible'）？的document.getElementById（theDiv）.style.visibility = '隐藏'：的document.getElementById（theDiv）.style.visibility = '可见'; } 但它不会工作.. –

@EmreYurur是，这个网站是问问题。在这里您应该问哪些问题，我建议您阅读帮助部分。这个网站不是为了要求代码 - 但如果你显示你的努力，我们会很高兴地帮助。 – kapa

首先，给你选择一个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>

然后，绑定事件处理程序至变化事件选择的。

$('#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 
});

来源

2014-03-26 15:32:10 pmandell

你应该指出，这是使用jQuery，以及如何包含这个库以及它是什么。 – jtromans

它被标记为jQuery。 – pmandell

是的，但基于OP的问题和后续评论，我怀疑他知道这究竟是什么。 – jtromans

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

回答

相关问题