2016-04-19 23 views
0

我的網站有成員的單獨頁面,但我有一個用於從一個成員滾動到另一個成員的選擇菜單。我在每個頁面的html上都有選擇菜單,但自從我的會員數量增長以來,我需要更好的解決方案。如何在外部文件中創建選擇菜單並將其嵌入到html中以顯示菜單

我需要能夠在單獨的文件中創建同樣的選擇菜單,當選擇跳轉到另一個成員頁面時,將其嵌入到我需要的身體中,這樣我所要做的就是修改/更新外部文件,並且會爲所有成員頁面完成。

我已經研究了javascripting它,將它mysqling,但無法找到(在youtube上查找)一個代碼,以準確地幫助我在我需要的東西。

我的選擇

//(選擇..... //(期權價值=「HTTP典型代碼:www.website型材式blahblah.html ....等等等等等等。

我需要從一個外部文件中提取此全線使用,並將其放置在身體上,我需要它。

感謝您的幫助,您可以提供。

回答

0

一般來說,這聽起來像你應該使用後端渲染引擎fo河至於選擇,這將是一個很好的地方使用下拉菜單,如自舉提供的一個下拉菜單,因爲點擊一個選擇不會實際移動到另一個頁面。 如果你不想使用/不能使用後端渲染引擎來渲染選項,我會建議看一下angular.js,它有一個很好的ng-repeat和ng-option功能,可以讓你動態地構建根據需要選擇/下拉多個用戶。

角度NG-重複頁:https://docs.angularjs.org/api/ng/directive/ngRepeat

引導下拉:http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp(注意,一個標籤可以直接進入到用戶的頁面)

+0

的bootstrap_dropdown方法看起來在HTML的主體中唯一使用的我沒弄錯的。查看發送的鏈接,它似乎只在頁面中使用它,我希望菜單顯示在該頁面中,而不是使用外部文件中的鏈接拉取該菜單。外部文件是我真正想要更改或更新所有頁面的唯一內容。抱歉。在編寫代碼時有點新意,並且不熟悉大多數的SQL公式。 – Marimbakat

0

在這樣的情況下的經驗,它是有一個容易得多SQL表來存儲你想要使用的鏈接。接下來要做的是讓您的後端向您發送鏈接列表。有了這個,您可以動態創建選項標籤並將其附加到您的選擇標籤。功能如newOptionTag.setAttribute('value', 'url'),document.createElement('option')selectElement.appendChild(newOptionTag)應該可以幫助你在路上

+0

我可以看到使用mysql表,但我有點困惑,我如何使用表中的'網址'。當我第一次看錶時,我放置了3列。 'id','name','value'。ID我當然有一個INT和VARCHAR爲另外兩個。我會假設'價值'的價值,我會或多或少地稱爲「網址」將鏈接到我希望它去的地方,但代碼讓我很困惑如何編寫它。我已經瀏覽了很多東西,在過去的兩天裏,這些東西都混在我的腦海裏。再次感謝任何幫助。 – Marimbakat

+0

你是否使用任何後端,如果你是,什麼語言? –

+0

我只是主要在html中精通一點。通過後端我會認爲我正在使用的是腳本文件.js等。看來,業餘愛好者也是如此。我知道我想做什麼,但執行它正在攪亂我的大腦。支付人做這可能是我最好的選擇。我研究過json文件,這似乎是其他人更簡單的方法,但創建該選擇菜單,因爲我現在已經在每個成員頁面上的html上,我認爲該順序是 – Marimbakat

0

如果你真的想使用一個單獨的文件,你可以將成員名和鏈接存儲在一個json文件中。在文檔加載中獲取文件,解析它,然後使用該對象構建選項。

w3schools網站(雖然有些人皺眉)有一個json教程和一個例子,已經在一半了。

編輯:我看到它實際上使用MySQL構建JSON文件...

相關問題