Javascript 使用innerhtml显示下拉列表文本而不是值
我有一个下拉列表,其功能如下: 汽车列表。选项[1]=新选项('Mazda','A_Mazda') 我把一辆马自达作为区分的下拉列表的值。现在,我有一个按钮,它将在表视图上显示下拉列表的值。我想显示的是下拉列表的文本,而不是值。函数addRow()是我用来以表格形式显示下拉列表值的函数。就目前而言,当按下按钮时,显示的是马自达而不是马自达。请帮忙Javascript 使用innerhtml显示下拉列表文本而不是值,javascript,jquery,html,html-table,innerhtml,Javascript,Jquery,Html,Html Table,Innerhtml,我有一个下拉列表,其功能如下: 汽车列表。选项[1]=新选项('Mazda','A_Mazda') 我把一辆马自达作为区分的下拉列表的值。现在,我有一个按钮,它将在表视图上显示下拉列表的值。我想显示的是下拉列表的文本,而不是值。函数addRow()是我用来以表格形式显示下拉列表值的函数。就目前而言,当按下按钮时,显示的是马自达而不是马自达。请帮忙 函数addRow(){ var table=document.getElementById(“结果表”); var rowCount=table.r
函数addRow(){
var table=document.getElementById(“结果表”);
var rowCount=table.rows.length;
var row=table.insertRow(rowCount);
row.insertCell(0).innerHTML=car.value;
row.insertCell(1).innerHTML=model.value;
insertCell(2.innerHTML='';
}
函数getDestination(){
var model_list=document.getElementById('model');
var car_list=document.getElementById(“目的地”);
var list1SelectedValue=model\u list.options[model\u list.selectedIndex].value;
如果(list1SelectedValue=='Cars')
{
car_list.options.length=0;
car_list.options[0]=新选项('--选择一辆车--','');
汽车列表。选项[1]=新选项('Mazda','A_Mazda');
汽车列表。选项[2]=新选项(“丰田”、“B_丰田”);
汽车清单。选项[3]=新选项(“本田”、“C_本田”);
汽车清单。选项[4]=新选项(“现代”、“D_现代”);
}
else if(list1SelectedValue=='Food')
{
目的地列表。选项。长度=0;
destination_list.options[0]=新选项('--选择食物--','');
目的地列表。选项[1]=新选项(“汉堡”、“汉堡”);
目的地列表。选项[2]=新选项(“炸薯条”、“炸薯条”);
目的地列表。选项[3]=新选项(“意大利面”、“意大利面”);
目的地列表。选项[4]=新选项(“冰淇淋”、“D_冰淇淋”);
}
}
模型
汽车
食物
汽车
使用选项的.text属性,而不是.value,例如
row.insertCell(0).innerText = car.options[car.selectedIndex].text
假设
car
和model
表示
元素,而不是car.value
和model.value
尝试使用text
属性:
car.text
model.text
onClick=“javacscript:deleteRow(this)”
看起来像是一个打字错误(另外,最好用Javascript而不是内联属性附加侦听器)