使用JavaScript中的onChange事件动态地进行选项控制 [英] Dynamically option control with onChange event in javascript

问题描述

大家好，我使用以下代码在Java脚本中动态创建选项控件.如果我执行此代码5次，这将创建5个带有值的下拉列表.如何获得每个选定事件的下拉列表的选定值.

hi all, I use the following code to dynamically create option control in java script. If I execute this code 5 times, this will create 5 drop down list with values. How can I get the selected value of each drop down list on its selected event.

var myCars = ["Full Physical",
      "Light Physical",
      "Gesture", "Verbal",
      "Independent"];
    var i = 1;
    var cellRight = row.insertCell(1);
    var el = document.createElement('select');
    el.type = 'select';
    el.name = 'select' + i;
    el.id = 'optRow' + iteration;
    


    el.size = 1;
    for (var key in myCars)
    {


        //alert();
        var option = document.createElement("option");
        option.text = myCars[key];
        option.name = step_value;
        option.id = myCars[key].id;


        //option.value = key.value;
        try
        {
            el.add(option, null); //Standard
        } catch (error) {
            el.add(option); // IE only
        }
    }
    cellRight.appendChild(el);
    
    i = i + 1;

}

推荐答案

在此行之前添加此代码el.size = 1; &你会明白的

Add this code before this line el.size = 1; & you will get idea

el.onchange=function(){alert(el.name);};

el.onchange = function ()
                {

                    var sdValues = document.getElementById(el.id);
                    var strUser = sdValues.options[sdValues.selectedIndex].value;
                    
                };

这篇关于使用JavaScript中的onChange事件动态地进行选项控制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！