我的代码中有一些动态创建的内容。
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,试图解决它但没有成功。