我如何使用 <select onChange>更改頁面內容的元素？

Question

我想知道是否有人使用以下HTML元素有任何經驗？

<select onChange="function()"></select>

我正在為當前正在構建的網站上的運動器材頁面添加一些功能。 我希望用戶能夠選擇一個回合，並且根據從選項元素中選擇了哪個回合，將在包含區域內顯示內容。

我有一個例子，說明我在這里想要實現的目標 。 我也看過W3 Schools的例子。 但是，由於我的初學者知識和使用JavaScript的經驗，我在實現所需內容方面遇到了一些困難。

我一直在網上搜索並通過AFL固定裝置頁面的代碼進行可靠搜索，但是我似乎找不到關於如何實現此目標的任何信息。

我將如何完成這項工作的任何建議將不勝感激。

預先謝謝你

斯圖：）

Answer 1

您對可以使用的任何庫有任何限制嗎？ 使用jQuery，您可以通過使用相當簡單的方法

$('select').change(function(){ /* CODE HERE */ });

在這里查看這個小提琴： http : //jsfiddle.net/pavkr/0k3ngfek/

編輯：用數據集更新了提琴： http : //jsfiddle.net/pavkr/0k3ngfek/1/

Answer 2

您要使用的是Ajax 。

調用onChange() ，從函數中獲取選定的值，並使用$.ajax獲取相對HTML內容。

然后，在ajax調用完成之后，使用jqXHR.done()方法更新內容。