Javascript – Wenn die Anweisung im Änderungsereignis in JQuery fehlschlägt
巴扎黑
巴扎黑 2017-05-19 10:10:24
0
2
661
<p class="add-new-img mt-2">
    <select name="picType" id="img-type">
        <option value="0">彩色</option>
        <option value="1">黑白</option>
    </select>
</p>
<p class="add-new-img mt-2">
    <select name="picType" id="img-type-classify">
    </select>
</p>

Zwei Dropdown-Felder, geben Sie dem ersten Dropdown-Feld ein Änderungsereignis, fordern Sie eine andere Ajax-Adresse an und ändern Sie die Daten des zweiten Dropdown-Felds

$("#img-type").change(function(){
        console.log($(this).val())
        if($(this).val()===1){
            console.log(1)
            $.ajax({
            type : 'GET',
            data: {
                'type': '2',
                "type_classify":1
            },
            url: "/Type/getTypeList",
            dataType: "json",
            success: function(data){
                var color = ["彩色","黑白"]

                var options='';
                for(var i=0;i<data.data.length;i++){
                     var num = Number(data.data[i].type_classify)
                    options += '<option value='+data.data[i].id+'>'+data.data[i].id+data.data[i].type_name+"("+color[num]+")"+'</option>';                                     
                }
                $("#img-type-classify").html(options);
                },
              error:function(msg){
                console.log(msg);
            },
        });
        }
        if($(this).val()===0){
            console.log(0)
            $.ajax({
            type : 'GET',
            data: {
                'type': '2',
                "type_classify":0
            },
            url: "/Type/getTypeList",
            dataType: "json",
            success: function(data){
                var color = ["彩色","黑白"]

                var options='';
                for(var i=0;i<data.data.length;i++){
                     var num = Number(data.data[i].type_classify)
                    options += '<option value='+data.data[i].id+'>'+data.data[i].id+data.data[i].type_name+"("+color[num]+")"+'</option>';                                     
                }
                $("#img-type-classify").html(options);
                },
              error:function(msg){
                console.log(msg);
            },
        });
        }
    })

Beurteilen Sie den Wert des ersten Dropdown-Felds und fordern Sie verschiedene Hintergrundschnittstellen an. Es ist jedoch normal, dass die Konsole $(this).val() hat der Grund?

巴扎黑
巴扎黑

Antworte allen(2)
大家讲道理

if($(this).val()==='1')

刘奇

0和1都是字符串吧,你用的又是===,so……

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage