使用javascript創建下拉列表

-1

我剛剛開始使用Javascript，並且我完全停留在我的任務上。我希望這裏的人能幫助我理解。已經有使用HTML創建的下拉菜單，但沒有數據。我需要使用從表中檢索的一堆ID來填充該下拉列表。可以說表名是TABLE_NAME並且保存了ID。爲了獲得在Javascript這個ID，我可以這樣做使用javascript創建下拉列表

var idTable= getId("TABLE_NAME"); //or not sure

這裏idTable已經有列表對象。

問題是我該怎麼辦？

function DropBox(dropdown){ 
    var ht="<tr>"; 
    ht=ht+"<td class='formInput'>"; 
    ht=ht+"<option value='-1'>select</option>"; 
    if(dropdown.vt.length>0){ 
    var idTable=getId("TABLE_NAME"); 
    for(var i=0;i<idTable.length; i++){ 
    var value= idTable[i]; 
    ht=ht+"<option value'"+value[i]+"'>"+value[i]+"</option>"; 
    } 

    } 
} 
}

來源

2014-06-13 David

它看起來像你需要找到自己的JavaScript的介紹。 – Halcyon

什麼是TABLE_NAME數據庫（SQL）表？ – acdcjunior

顯示您到目前爲止的代碼（HTML和Javascript）。 –

鑑於您還沒有提供任何上下文讓我也添加此代碼，我會給您一個使用Javascript來填充下拉菜單的通用示例。在HTML中，下拉列表是一個select元素，該select元素的子元素爲option元素。

例

HTML

<select id="dropdown"> 
</select>

的Javascript

var option = document.createElement("option"); 
var dropdown = document.getElementById("dropdown"); 

option.text = "Test"; 

dropdown.add(option);

這將創建一個新的option元件，並且其追加到dropdown對象，其中r代表select元素。

僅供參考..

這裏是一個JSFiddle，展示該功能爲您服務。

來源

2014-06-13 17:04:42 christopher

謝謝Chris。我不想從硬編碼的值填充，而是我想填充檢索的數據。我用我的代碼片段編輯了我的問題，請讓我知道您的想法 – David

使用javascript創建下拉列表

回答

相關問題