我有一個下拉列表,其中包含如下函數：

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

總結

以上是生活随笔為你收集整理的html下拉列表初始值不显示,javascript – 使用innerhtml显示下拉列表文本而不是值...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。