erhalten Wert von einer Option nach Zustand jquery

Question

Ich habe eine Auswahlmöglichkeit, wo ich ein Produkt und dann eine Art von Produkt wählen müssen. Nach dieser beiden Auswahl muss ich die Kategorie dafür auswählen. Wenn ich ein bestimmtes Produkt auswähle und es eintippe, wird automatisch eine Kategorie für dieses Produkt ausgewählt und es wird die Kategorieoption blockiert.

Dafür machte ich diesen Zustand:

$(".target").change(function() { 
    var type = $('.target[data-prod=type]').val(); 
    var product = $('.target[data-prod=product]').val(); 

    if (type == '1' && product =='pillow') { 
     $('#unhide').removeClass('hidden'); 
     $('.category').prop('disabled', true); 

     $('div.cte select').val('color'); //this is wrong? not getting value of it after submit 
    }else{ 
     $('#unhide').addClass('hidden'); 
     } 

}); 

BTW meiner Kategorie wählen Sie die Option ist dynamisch:

<div class="form-group cte"> 
<label>Categoria</label> 
<select name="categoria" class="form-control category"> 


<?php 
    $sel_cat = "SELECT category_name FROM gallery_category ORDER BY category_name ASC";  
    $run_cat = mysqli_query($conn,$sel_cat); 
    while($rows = mysqli_fetch_assoc($run_cat)){ 
    echo ' <option value="'.$rows['category_name'].'">'.ucfirst($rows['category_name']).'</option>'; 
    } 
?> 
</select> 
</div> 

Ich möchte diese Option ausgewählt werden:

<option value="color'">Colors</option> 

so i kann es Wert nach der Einreichung erhalten. Ich gebe meinen Kategoriewert leer wenn ich einreiche, was soll ich tun?

obs: (i bei jquery bin nicht sehr gut)

Ich weiß, die PHP-Abfrage ist verletzlich, gemacht nur auf diese Weise leicht, hier zu machen.

Answer 1

Das Hinzufügen von deaktivierten Eigenschaft, um Eingaben zu bilden, macht sie nicht verfügbar in eingereichten Daten. Sie deaktivieren Ihre Auswahl in dieser Zeile:

$('.category').prop('disabled', true); 

Deshalb erhalten Sie leeren Wert. Versuchen Sie es auf Formularübermittlung ermöglicht den Datenzugriff zu ermöglichen, wie folgt aus:

$('#myFormId').submit(function() { 
    $('.category').prop('disabled', false); 
}); 

Answer 2

Fest programmierte Sie könnte es wie folgt aus:

$('[name=categoria]').val(3); // select with index :3 

für Sie Dies wird nicht funktionieren, wie Sie Ihre Optionen sind dynamisch erwähnt, so dass wir es von Text auswählen müssen:

$('[name=categoria] option').filter(function() { 
    return ($(this).text() == 'Colors'); //To select on the string Colors 
}).prop('selected', true); 

oder dynamisch mit der Wert:

$('[name=categoria] option').filter(function() { 
    return ($(this).val() == 'color'); //To select on the value color 
}).prop('selected', true);