如何在javascript中动态加载选择选项值

我正在使用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使用选择选项值来修改相同的逻辑。如何加载国家/地区值。请任何人帮助我，谢谢&前进

我不明白为什么你需要创建动态选择，即使它是用Struts标签解决的。
但是，如果您需要，我可以建议您一种不推荐的方式，在Javascript中嵌入struts逻辑。
喜欢

函数addRow（）{
警报（“内部addRow”）；
var list=新数组（）；
var值=新数组（）；
var i=0；
列表[i]=''；
值[i]=''；
i++；
var table=document.getElementById（'tableID'）；
var rowCount=table.rows.length；
var countval=行计数；
var row=table.insertRow（rowCount）；
//国家
var cell1=行插入单元格（0）；
var element1=document.createElement（“选择”）；
element1.style.width=“250px”；
element1.id=“countryId”+countval；
var o=document.createElement（'option'）；
o、 value=“0”；
o、 text=“[SELECT]”；
要素1.选项。添加（o）；
单元格1.附加子元素（元素1）；
对于（i=0；i
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);
    }
}