Javascript 动态下拉菜单工作不正常
我在javascript中动态创建了3个下拉列表,但不知道如何获取这3个下拉列表的值,在下拉列表中添加name属性不起作用。这是全部代码Javascript 动态下拉菜单工作不正常,javascript,select,dynamic,Javascript,Select,Dynamic,我在javascript中动态创建了3个下拉列表,但不知道如何获取这3个下拉列表的值,在下拉列表中添加name属性不起作用。这是全部代码 function addrow() { rowcount++; document.getElementById("myTableData").style.display="block"; var el = document.createElement('input'); el.type = 'text';
function addrow() {
rowcount++;
document.getElementById("myTableData").style.display="block";
var el = document.createElement('input');
el.type = 'text';
el.name = 'kname';
var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onclick = function(){
tr.parentElement.removeChild(tr); rowcount--;
if(rowcount == 0){
document.getElementById("myTableData").style.display = "none";
}
};
var el_r = document.createElement('input');
el_r.type = 'radio';
el_r.name = 'gender'+rowcount+'[]';
el_r.value ='FEMALE';
//el_r.id = "rad1";
//el_r.defaultChecked = true;
var el_r2 = document.createElement('input');
el_r2.type = 'radio';
el_r2.name = 'gender'+rowcount+'[]';
el_r2.value ='MALE';
//el_r2.id = "rad2";
var obj1 = document.createTextNode("Female");
var obj2 = document.createTextNode("Male");
var objLabel = document.createElement("label");
objLabel.htmlFor = el_r.id;
objLabel.appendChild(el_r);
objLabel.appendChild(obj1);
var objLabel2 = document.createElement("label");
objLabel2.htmlFor = el_r2.id;
objLabel2.appendChild(el_r2);
objLabel2.appendChild(obj2);
//**dropdown**
var el_s = document.createElement('select');
el_s.onchange = function(){
var r = el_s.options[el_s.selectedIndex].value;
}
for(var i=0;i<32;i++){
var j = i;
j = document.createElement('option');
j.text=i;
j.name="day";
j.value=j;
el_s.appendChild(j);
}
var month = new Array("January","Februray","March","April","May","June","July","August","September","October","November","December");
var el_sm = document.createElement('select');
for(var i=0;i<month.length;i++){
var j = i;
j = document.createElement('option');
j.text=month[i];
j.name="month";
j.value=month[i];
el_sm.appendChild(j);
}
var el_sy = document.createElement('select');
for(var i=2013;i>1950;i--){
var j = i;
j = document.createElement('option');
j.text=i;
j.name="year";
j.value=j;
el_sy.appendChild(j);
}
var table = document.getElementById("myTableData");
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
var tr = document.createElement('TR');
tableBody.appendChild(tr);
var td = document.createElement('TD');
td.width='175';
td.appendChild(el);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(objLabel);
td.appendChild(objLabel2);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(el_s);
td.appendChild(el_sm);
td.appendChild(el_sy);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='20';
td.appendChild(del);
tr.appendChild(td);
myTableData.appendChild(table);
}
函数addrow(){
行计数++;
document.getElementById(“myTableData”).style.display=“block”;
var el=document.createElement('input');
el.type='text';
el.name='kname';
var del=document.createElement('input');
del.type='按钮';
del.name='dell';
del.value='del';
del.onclick=函数(){
tr.parentElement.removeChild(tr);行计数--;
如果(行计数==0){
document.getElementById(“myTableData”).style.display=“无”;
}
};
var el_r=document.createElement('input');
el_r.type=‘无线电’;
el_r.name='性别'+行数+'[];
el_r.value='FEMALE';
//el_r.id=“rad1”;
//el_r.defaultChecked=真;
var el_r2=document.createElement('input');
el_r2.type=‘无线电’;
el_r2.name='gender'+行数+'[]';
el_r2.value='MALE';
//el_r2.id=“rad2”;
var obj1=document.createTextNode(“女性”);
var obj2=document.createTextNode(“男性”);
var objLabel=document.createElement(“标签”);
objLabel.htmlFor=el_r.id;
对象标签。附加子对象(el_r);
objLabel.appendChild(obj1);
var objLabel2=document.createElement(“标签”);
objLabel2.htmlFor=el_r2.id;
objLabel2.appendChild(el_r2);
objLabel2.appendChild(obj2);
//**下拉列表**
var el_s=document.createElement('select');
el_.onchange=function(){
var r=el_s.options[el_s.selectedIndex]。值;
}
对于(var i=0;i您必须为要默认选择的变量设置selected
属性为true
:
optionObject.selected=true
编辑
我使用您的代码向您展示它是如何工作的(在本例中,所选值为2011,但您可以更改条件以选择所需的值):
注意:我也纠正了一个错误:您不能执行j.value=j;
,因为j包含选项对象。请使用I
将年份设置为值。您必须将selected
属性设置为true
,以默认选择:
optionObject.selected=true
编辑
我使用您的代码向您展示它是如何工作的(在本例中,所选值为2011,但您可以更改条件以选择所需的值):
注意:我也纠正了一个错误:您不能执行j.value=j;
,因为j包含选项对象。请使用I
将年份设置为值。请解释我听不懂您想说什么请解释我听不懂您想说什么