html下拉列表初始值不显示,javascript – 使用innerhtml显示下拉列表文本而不是值...

我有一个下拉列表,其中包含如下函数：

car_list.options [1] =新选项(‘Mazda’,’A_Mazda’);

我把A_Mazda作为区分的下拉值.现在,我有一个按钮,它将在表格视图中显示下拉列表的值.我想要显示的是下拉列表的文本而不是值.函数addRow()是我在表格形式中显示下拉列表值所做的.至于现在,当按钮被按下时,A_Mazda正在显示而不是马自达.请帮忙

function addRow(){

var table = document.getElementById("result-table");

var rowCount = table.rows.length;

var row = table.insertRow(rowCount);

row.insertCell(0).innerHTML = car.value;

row.insertCell(1).innerHTML = model.value;

row.insertCell(2).innerHTML = '';

}

function getDestination(){

var model_list = document.getElementById('model');

var car_list = document.getElementById("destination");

var list1SelectedValue = model_list.options[model_list.selectedIndex].value;

if (list1SelectedValue=='Cars')

{

car_list.options.length=0;

car_list.options[0] = new Option('--SELECT A CAR--', '');

car_list.options[1] = new Option('Mazda', 'A_Mazda');

car_list.options[2] = new Option('Toyota', 'B_Toyota');

car_list.options[3] = new Option('Honda', 'C_Honda');

car_list.options[4] = new Option('Hyundai', 'D_Hyundai');

}

else if (list1SelectedValue=='Food')

{

destination_list.options.length=0;

destination_list.options[0] = new Option('--SELECT A FOOD--', '');

destination_list.options[1] = new Option('Burger', 'A_Burger');

destination_list.options[2] = new Option('Fries', 'B_Fries');

destination_list.options[3] = new Option('Pasta', 'C_Pasta');

destination_list.options[4] = new Option('Ice cream', 'D_Ice_cream');

}

}

MODEL

Cars

Food

Car