Wählen Onchange mit Ajax

Ich habe Probleme mit dem Wandel von Ajax. dies ist mein Code:Wählen Onchange mit Ajax

$(document).ready(function() { 
 
    addBarang(); 
 
}); 
 

 
function addBarang() { 
 
    var new_barang = $(".hidden_input").find(".barang_in").clone().addClass("barang_in_clone"); 
 
    $(".target_clone:last").append(new_barang); 
 
    $(".barang_in_clone:last").find("input[name=show]").val(''); 
 
    //  $(".barang_in_clone:has(select)").addClass("select2"); 
 
} 
 

 
$('body').on('click', '.btn_kurangi_barang', function() { 
 
    $(this).closest('.barang_in_clone').remove(); 
 
}); 
 

 
//Tampilkan model ketika memilih kode hanca 
 
    function showModel(el) { 
 
     if (el === "") { 
 
      $(el).siblings("input[name=model]").val(""); 
 
     } else { 
 
      $.ajax({ 
 
       url: 'vendor_inout/vendor_inout_crud.php', 
 
       type: 'POST', 
 
       dataType: 'JSON', 
 
       data: {id_vendor_detail: el, type: "get_model"}, //get model dan ukuran 
 
       success: function (data) { 
 
        console.log(data); 
 
        $(el).siblings("input[name=model]").val(data.nama_model + " " + "(" + data.ukuran + ")"); 
 
       }, 
 
       error: function (e) { 
 
        //called when there is an error 
 
        console.log(e.message); 
 
       } 
 
      }); 
 
     } 
 
    }

<body> 
 
    <div class="hidden_input" style="display: none"> 
 
    <div class="barang_in"> 
 
     <label class="col-md-4 control-label">Kode Hanca</label> 
 
     <select onchange='showModel(this)' name="id_vendor_detail" class="form-control" required=""> 
 
     <option value="">- PILIH -</option> 
 
     <option value="1">- Orange -</option> 
 
     <option value="2">- Pink -</option> 
 
     <option value="3">- Red -</option> 
 

 
     </select> 
 
     <button onclick="addBarang()" type="button" data-toggle="tooltip" data-placement="top" title="tambah vendor" class="btn btn-info btn-flat btn-xs pull-left btn_tambah_vendor"><i class="fa fa-plus"></i> add</button> 
 
     <button type="button" data-toggle="tooltip" data-placement="top" title="kurangi barang" class="btn btn-danger btn-flat btn-xs pull-right btn_kurangi_barang"><i class="fa fa-minus"></i> Remove</button> 
 
     <input type='text' name='show'> 
 
    </div> 
 
    </div> 
 
    <div class='target_clone'> 
 
    </div> 
 

 
</body>

Wenn ich die Auswahlbox wählen, es ist mein Browser hängen macht. wie man es beheben?

// Das ist Blindtext für die Frage bestehen, weil meist Code: Lorem ipsum Karotten, Ökologische Tomatensuppe. Klinisches Boot auf dem Bett. Jedes Büro größte Problem. Bis wir sitzen ist einfach. Vor der Masse des Lebens, und nicht bei nisl vulputate sagittis integer. Und sie haben keine, noch Angst vor Mitgliedern des gravida vel Cras sem sit amet. Spieler im Tor, gab es eine aliquet hendrerit Duis. Ich hasse weiche Schläge klingen. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dunk ökologischen Salat, vielseitig Antioxidantien in der klinischen malesuada. Nullam Tristique nisi sed sem Immobilien, von den Enden einer großen weichen. Klinische Listen und auf Nunc maßgeschneiderte Finanzierungs Pfeile von

Quelle

2016-09-30 wawan Setiyawan

el ist das Element, nicht der Wert des Elements

Verwendung el.value den ausgewählten Wert oder $(el).val(); Weise Photoshop

function showModel(el) { 
     if (el.value === "") { 
      $(el).siblings("input[name=model]").val(""); 
     } else { 
      $.ajax({ 
       url: 'vendor_inout/vendor_inout_crud.php', 
       type: 'POST', 
       dataType: 'JSON', 
       data: {id_vendor_detail: el.value, type: "get_model"}, //get model dan ukuran 
       success: function (data) { 
        console.log(data); 
        $(el).closest('.barang_in').find("input[name='model']").val(data.nama_model + " " + "(" + data.ukuran + ")");//get the parent element and then find the input 
       }, 
       error: function (e) { 
        //called when there is an error 
        console.log(e.message); 
       } 
      }); 
     } 
    }

Quelle

2016-09-30 07:17:40 madalinivascu

würden Sie bekommen Bitte bearbeiten mein snippet? –

@wawanSetiyawan meine Antwort aktualisiert – madalinivascu

Was meinst du mit Browser hängt? – madalinivascu

Wählen Onchange mit Ajax

Antwort

Verwandte Themen