使用带值和文本的javascript在html中执行依赖下拉列表

我已经在我的html表单中使用了一个依赖下拉列表，只使用javascript，但是当我的php脚本返回值时，这些值只是根据文本在数组中的位置进行编号。我想让值和文本具有相同的值

以下是我到目前为止的情况：

头标记中的脚本：

var my_variable=[
    ["dropA_opt1","dropA_opt2",dropA_opt3"],
    ["dropB_opt1","dropB_opt2",dropB_opt3"],
    ["dropC_opt1","dropC_opt2",dropC_opt3"]
];
function variable(idx) {
    var f=document.my_form;
    f.drop_nr_2.length=null;
    for(var i=0; i<my_variable[idx].length; i++) {
        f.drop_nr_2.options[i]=new Option(my_variable[idx][i], i);
    }
}

var my_变量=[
[“dropA_opt1”、“dropA_opt2”、“dropA_opt3”]，
[“dropB_opt1”、“dropB_opt2”、“dropB_opt3”]，
[“dropC_opt1”、“dropC_opt2”、“dropC_opt3”]
];
函数变量（idx）{
var f=document.my_表单；
f、 drop\u nr\u 2.长度=null；
当使用javascript对象语法构造
时，for（var i=0；i）

var myOpt = new Option(lbl,val);

第一个参数是用户看到的标签，第二个参数是内部用于此
的值。因此只需稍微修改构造函数行

f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i]);

对于第二个要求，为
i===0
添加一个条件，当其为真时，传递额外的第三个参数（wiz.selected）并使
禁用
属性为真

for(var i=0; i<my_variable[idx].length; i++) {
    if(i===0){
        f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i],"selected");
        f.drop_nr_2.options[i].disabled= true;
    } else{
        f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i]);
    }
}

for（var i=0；iwell，谢谢你睁开我弯曲的眼睛…现在我看到这已经很明显了，因为我的例子中的第二个参数是“i”…所以用我需要的任何东西替换i就是关键。呵呵…是的，就是它！
f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i]);

for(var i=0; i<my_variable[idx].length; i++) {
    if(i===0){
        f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i],"selected");
        f.drop_nr_2.options[i].disabled= true;
    } else{
        f.drop_nr_2.options[i]=new Option(my_variable[idx][i], my_variable[idx][i]);
    }
}