我試圖爲我的網站創建一個表格

-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

我試圖爲我的網站創建一個表格

回答

相關問題