动态更改内容

Question

我的代码中有一些动态创建的内容。

for (var i = 0; i < len; i++) {

                htmlString += (i+1)+'.          ';
                htmlString += "<input id='Xcoom"+i+"' size='3'  maxlength='4' type='number' name='Xcoom"+i+"'</input>";
                htmlString += "<input id='Ycoom"+i+"' size='3' maxlength='4' type='number' name='Ycoom"+i+"'</input>";
                htmlString +="<select  id='izap' name='"+i+"' onchange='plemez(document.napadi1.izap.selectedIndex);'><option value='0' selected disabled >Izaberi pleme:</option><option value='1'>Teutonac</option><option value='2'>Rimljanin</option><option value='3'>Gali</option></select>";
      htmlString +="<select  id='jedinica'><option value='0' selected disabled>Prvo izaberi pleme:</select>";




                htmlString += "<br><br>";

            }

            $("#metenapadaci").html(htmlString);

它从用户输入的数字创建字段。

现在我想为所有生成的选择菜单添加第二个选择列表。但我希望它能够动态变化。我已经在那里使用了onChange函数，但只有当我选择带有1个生成菜单的选项时它才有效。这是函数的代码，名为：

function plemez(q){

var form1=document.getElementbyId('napadi1');

switch(q){
case 1:
form1.jedinica.options[0]=new Option("key","value");
...more dynamically added options..
case 2:

case 3:

}}

我想用函数plemez生成的选项更改最后一个选择。我再说一遍，只有当我为生成的菜单数量选择1时才有效。认为问题是与id，试图解决它但没有成功。