如何在javascript中加載選擇選項值動態

Question

我正在使用java + struts。

我創建動態表行並使用我的代碼javascript動態加載到選擇選項值。

function addRow() {

        var table = document.getElementById('tableID');
        var rowCount = table.rows.length;
        var countval = rowCount;
        var row = table.insertRow(rowCount);

        //country

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("select");
        element1.style.width = "250px";
        element1.id = "countryId" + countval;

        var o = document.createElement('option');
        o.value = "0";
        o.text = "[SELECT]";
        element1.options.add(o);
        cell1.appendChild(element1);

        var o = document.createElement('option');
        o.value = "1";
        o.text = "India";
        element1.options.add(o);
        cell1.appendChild(element1);

}

這是HTML代碼：

<input type="button" value="add" onclick="addRow()">
<table id="tableID"></table>

加載選擇選項值正在struts標簽上工作：

<html:select property="countryId">
   <html:optionsCollections name="countryForm" property="countryList" value="countryId" label="countryName"/>
</html:select>

上面這個代碼是有效的，但我需要使用javascript使用選擇選項值相同的邏輯。 我怎樣才能加載國家價值觀。 請任何人幫助我，謝謝和提前

Answer 1

我不明白為什么你需要創建動態選擇，即使它是使用Struts標簽解決的。
但是，如果你需要它，我可以建議你一種非推薦的方法在Javascript中嵌入struts邏輯。
喜歡;

function addRow(){
    alert("inside addRow");
    var list = new Array();
    var value = new Array();
    var i = 0;
    <logic:iterate name="countryForm" property="countryList" id="country">
      list[i] = '<bean:write name="country" property="countryName" />';
      value[i] = '<bean:write name="country" property="countryId" />';
      i++;
    </logic:iterate>

    var table = document.getElementById('tableID');
    var rowCount = table.rows.length;
    var countval = rowCount;
    var row = table.insertRow(rowCount);

    //country

    var cell1 = row.insertCell(0);
    var element1 = document.createElement("select");
    element1.style.width = "250px";
    element1.id = "countryId" + countval;

    var o = document.createElement('option');
    o.value = "0";
    o.text = "[SELECT]";
    element1.options.add(o);
    cell1.appendChild(element1);

    for(i=0; i<list.length; i++){
        var item = document.createElement('option');
        item.value = value[i];
        item.text = list[i];
        element1.options.add(item);
        cell1.appendChild(element1);
    }
}