如何在JavaScript中創建動態（JSP）創建<select>部分的選項數量？

Question

我生成頁面，這一點：

<%List<String> someList = new ArrayList<String>(); 
someList = SQL();%> 
<select id=Select> 
<% for (int i =0; i < someList.size(); i++) { %> 
    <option value=<%= someList.get(i) %>><%= someList.get(i) %></option> 
<%} %> 
</select> 
<button type="button" onclick="updateParagraph()">Update Paragraph!</button> 

確定這部分使用JSP服務器創建的，但現在我想下面的代碼將在客戶端執行 。

var counter=0; 
function updateParagraph() 
{ 
    var x = document.getElementById("paragraph"+counter); 
    var y = document.getElementById("Select").value; 
if (counter < 5) 
{ 
    x.innerHTML = y; 
    counter++ 
} 
} 

這就像寫在這裏的工作，但問題是我不想限制這5個段落的變化。我需要建議如何在< select>中獲得選項數量。根據SQL（），select中可能有5個或55個選項。

我希望你能理解問題。

Answer 1

剛拿到的選項列表的「長度」屬性：

var optionCount = y.options.length; 

編輯哎呀「Y」不是選擇元素;它會是這樣的：

var y = document.getElementById("Select"); 
var yvalue = y.value, ycount = y.options.length; 

等

Answer 2

選擇元素

var counter=0; 
function updateParagraph() 
{ 
    var x = document.getElementById("paragraph"+counter); 
    var y = document.getElementById("Select"); 
    if (counter < y.options.length) 
    { 
     x.innerHTML = y.value; 
     counter++ 
    } 
}