Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery动态选择表_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery动态选择表

Javascript jQuery动态选择表,javascript,jquery,html,Javascript,Jquery,Html,例如: 若你们点击这个按钮,你们会看到一些表格。“td”设置attr以优化下一步的搜索 首先输入更改列值, 第二个输入更改列值2, 第三个输入更改列值3, 最后一点并不重要 如何连接所有表单以获得一个公共结果?现在,如果我输入所有“tr”得到的任何表单结果,我将按照您所说的优化您的代码,演示 $("#options1").change(function() { $("#filter1").keyup(); }); $("#filter1").keyup(function () {

例如:

若你们点击这个按钮,你们会看到一些表格。“td”设置attr以优化下一步的搜索

首先输入更改列值, 第二个输入更改列值2, 第三个输入更改列值3, 最后一点并不重要


如何连接所有表单以获得一个公共结果?现在,如果我输入所有“tr”得到的任何表单结果,我将按照您所说的优化您的代码,演示

$("#options1").change(function() {
    $("#filter1").keyup();
});
$("#filter1").keyup(function () {
    var filter1 = $("#filter1").val();
    var tr = $('tr').not(":nth-child(1)");
    if (!filter1.length) return tr.show();
    tr.hide().filter(function () {
        var t = $('.wys', this).attr('data-wys');
        return operators[$("#options1").val()](t, parseInt(filter1));
    }).show();
});
$(document).ready(function() {
    function eachcolom($that){
    $that.each(function() {
            $(this).attr('data-wys',parseFloat($(this).text()));
        });
    }
    $("#inputs").hide();
    $("#detailed").click(function(){
        $("#inputs").toggle();

        eachcolom($('.wys'))
        eachcolom($('.ctr'))
        eachcolom($('.ok'))



    });

    var operators = {
        'equal':    function(a, b) { return a == b },
        'notequal': function(a, b) { return a != b },
        'more':     function(a, b) { return a > b },
        'less':     function(a, b) { return a < b }
    };
    function allForm($that, filt, ass, ty){
    var filter1 = $(filt).val();


        var tr = $('tr').not(":nth-child(1)");
        if (!filter1.length) return tr.show();
        switch(ty){
            case 'f':

                filter1 = parseFloat(filter1);
                break;
             case 'i':

                filter1 = parseInt(filter1);
                //alert(filter1)
                break;

        };
        tr.hide().filter(function () {
            var t = $("."+ass.attr('class'), this).attr('data-'+ass.attr('class'));
            console.log(operators[$that.val()](t, filter1))

            return operators[$that.val()](t, filter1);
        }).show();

    }
    $("#options1").change(function() {
        //allForm($(this),$('#filter1'))
        $("#filter1").keyup();
    });
    $("#filter1").keyup(function () {
        //alert('')
        allForm($(this).prev('select'), this, $('.wys'), 'i')
    });

    $("#options2").change(function() {
        $("#filter2").keyup();
    });
    $("#filter2").keyup(function () {
        allForm($(this).prev('select'), this, $('.ctr'), 'f')

    });


    $("#options3").change(function() {
        $("#filter3").keyup();
    });
    $("#filter3").keyup(function () {
        allForm($(this).prev('select'), this, $('.ok'), 'f')
    });
});