动态分配选项到表中的下拉菜单

时间:2019-10-22 02:29:57

标签: javascript dynamic optionmenu dropdownchoice

enter image description here

我正在尝试动态添加选项以在表格中添加下拉菜单。我在ajax中获得了options值,但是当用户在下拉菜单旁边的pincode字段中输入pincode时,我不知道如何将其分配给相应的下拉菜单。

   “ name =” tech_opt“>”>

           <option value="0">--select--</option>

仅供参考,我使用选项值获得了成功的ajax成功,只是不知道如何将其分配给该行下拉列表

<----- js ------------->

<script>


$(document).ready(function() {

    // code to read selected table row cell data (values).
    $("#file_export").on('change','.eng_pin',function() {
        //get the current row
        var currentRow=$(this).closest("tr");
        var col1 = currentRow.find("td:eq(0)").text(); // get current row 1st TD value
        var values = currentRow.find(":input").map(function () {
            return $(this).val()
        });

        var result = Object.keys(values).map(function (key) {
            return [Number(key), values[key]];
        });

        console.log(result[0][1]);
        alert(col1);
        $.ajax({
            url: 'process_tech_pincode.php',
            type: 'post',
            data: {tech_id: col1, pincode: result[0][1]},

            success: function (response) {
                alert(response);
                parsedval = JSON.parse(response);
                alert(parsedval);
                var len = parsedval.length;

                $("#tech_opt").empty();
                for (var i = 0; i < len; i++) {
                    var id = parsedval[i]['id'];
                    var name = parsedval[i]['name'];



                    var myDiv = document.getElementById(col1);



                    $(myDiv).attribute(name).append($("<option> <value='" + id + "'>" + name + "</option>"));

                }
            }

        })
    })
});

任何人的帮助将不胜感激。

问候 Vinay

0 个答案:

没有答案