JavaScript：在選擇不同的下拉菜單項時，我需要更多選項來顯示

我有一個下拉菜單，其中包含不同的選項。現在，在選擇特定的菜單項目時，我想要顯示更多選項。每個菜單項的每組選項都會有所不同，我將如何去做這件事？將新選項追加到文檔是否正確？JavaScript：在選擇不同的下拉菜單項時，我需要更多選項來顯示

2011-12-03 Neeta

請包括您嘗試過的代碼。 –

看看[這個例子]（http://jsfiddle.net/Cm9FK/） – Saxoier

擴展menues是一個非常大的話題，可以用多種方式處理。根據你的需要，你可能最好把現成的東西拉到自己的位置（除非你真的知道你在做什麼，它會花費你很長時間才能把它做好，並使它完全跨瀏覽器）。

下面是一個非常簡單的例子http://javascriptsource.com/navigation/expanding-menu.html，但還有很多其他的例子。只是谷歌JavaScript擴展菜單。另外，如果你想使用jQuery（我不是一個粉絲，但對於這類事情來說是完美的，只要你不打算在移動設備上使用它）看一看這個： http://www.1stwebdesigner.com/css/36-eye-catching-jquery-navigation-menus/

根據您的評論[編輯] ...

不知道你在找什麼具體的事情，我會說，如果你有一個代碼塊需要可以根據某人點擊某些內容而專門添加，並且您確定這些代碼塊是什麼，最簡單的（儘管不是最優雅的）方式是將這些代碼塊保存爲s基於點擊按鈕，將它們附加到任何期望它們的對象的innerHTML上。

您可以將塊保存爲散列陣列，並將要附加到按鈕的onclick的元素的值分配給該按鈕。

更好的方法是在xml中創建實際節點，並將它們的顯示設置爲「none」，以便它們不會顯示在頁面上。然後使用cloneNode複製它們並將它們附加到它們屬於的任何東西。

再次，很難給你具體問題沒有一個具體問題，但這是兩種方法來處理它一般。

來源

2011-12-03 17:07:29

我不是說擴展菜單。我的意思是一旦一個項目被選中，我想要更多的選項被附加到文件，如文本框，其他下拉菜單。但是這個面板對於每個選擇的菜單項都需要不同。我也不允許使用jQuery，這是該項目的要求。 – Neeta

啊！以及... +1不使用jQuery :)我會改變我的答案，爲您提供正確的方式來處理這個提示 –

我試圖理解你的方法。我對網絡設計非常陌生，很難讓我的頭腦發熱！對於你的第一種方法，你的意思是我可以爲每個我希望與每個菜單項相關聯的面板創建單獨的HTML文件，然後按照您的建議在數組中引用它們？你的第二種方法會讓我感到困惑。你的意思是創建一個自定義標記，如每個面板的ID和每個HTML文件的引用，並根據選擇的菜單項追加它們？ – Neeta

JavaScript：在選擇不同的下拉菜單項時，我需要更多選項來顯示

回答

相關問題