更改选定选项时处理选择列表以触发事件

时间:2019-08-20 11:42:49

标签: javascript jquery ajax jquery-events

我正在建立投诉管理系统,当涉及到投诉列表时,我想给表格的每一行提供一种更改当前正在处理此问题的人的方法,我已经设置了选择菜单,得到所有雇员,然后当我从列表中选择任何一个时,这应该是我未来脚本的触发器。

我尝试了.change功能.trigger却没有运气

var pracownicy = [];
    $('#pobierz').click(function() { 
    //
    $.ajax({
        type:"GET",
        url:"pobierz_pracownikow.php",
        contentType:"application/json; charset=utf-8",
            dataType:'json', 
            async:false,

            success: function(json) {


                for(var klucz in json)
                    {
                        var wiersz = json[klucz];
                        var pracownik={id:wiersz[0],dane_pracownika:wiersz[1]};
                        pracownicy.push(pracownik);
                    }
                //console.log(JSON.stringify(pracownicy));
                //console.log(pracownicy.length);
                //console.log(pracownicy[0].dane_pracownika);
            },

            error: function(blad) {
                alert( "Wystąpił błąd");
                console.log(blad); 
            }
    });

然后使用此数组创建选择列表

$.ajax({
    type:"GET", 
    url:"pobierz.php", 
    contentType:"application/json; charset=utf-8",
    dataType:'json', 

        success: function(json) {

            var tablice="<table id='tablePreview' class='table table-sm table-hover'><thead><tr><th>NR reklamacji</th><th>Ilość reklamacji</th><th>Klient</th><th>Osoba zajmująca się</th> <th>Dokument</th><th>Nazwa Firmy</th> <th>Data</th> <th>Kierowca</th></tr></thead>";

            for (var klucz in json)
                {
                    var wiersz = json[klucz];  
                    var nr = wiersz[0];
                    var ile = wiersz[1];
                    var klient = wiersz[2];
                    var pracownik = wiersz[3];
                    var fv = wiersz[4];
                    var firma = wiersz[5];
                    var data = wiersz[6];
                    var kierowca = wiersz[7];

                        lista_prac="<select class='browser-default custom-select selectpicker'>";
                        //  tablice+="<option selected>"+pracownik+"</option>";
                        for(var i=0;i<pracownicy.length;i++)
                            {
                            lista_prac+="<option ";
                            //console.log(pracownik+" "+pracownicy[i].dane_pracownika);
                            if(pracownik==pracownicy[i].dane_pracownika)
                            {
                                lista_prac+="selected";
                            }
                            lista_prac+=" id="+nr+" value='"+pracownicy[i].id+"'>"+pracownicy[i].dane_pracownika+"</option>";
                            }
                        lista_prac+="</select>";

                    tablice+="<tr><td>"+nr+" </td><td> "+ile+"</td><td> "+klient+"</td><td>"+lista_prac+"</td><td> "+fv+"</td> <td> "+firma+"</td> <td> "+data+"</td> <td> "+kierowca+"</td></tr>";

                } 
            tablice+="</tbody></table><br>";

            $('#wykaz').append(tablice);

我没有从控制台获得任何反馈,就像从未触发过一样。这可能是由于使用Ajax打印带有选择列表的数据而导致的?

1 个答案:

答案 0 :(得分:0)

已使用 function changeval(sel) { alert(sel.value);}$(document).ready(function()外部并调用了选择按钮中的函数,该函数正在工作