Désactiver l'option de liste déroulante précédemment sélectionnée, vérifier à la fois la valeur text & id

Question

Dans un tableau, comment faire une boucle dans tous les champs dropdowns text & id dans une table et les enregistrer dans un tableau. Alors que je peux désactiver les options sélectionnées précédemment

Une fois une option est sélectionnée, je ne veux pas qu'il soit disponible à nouveau. Comment vérifier le texte sélectionné précédemment options sélectionnées dans la table définir cette option pour désactivé sur tous les autres menus déroulants dans la page.

(cette question est différente des autres SO des questions depuis sa désactivation après avoir vérifié les deux selected text & selected value l'intérieur d'une table et doit cibler le menu déroulant dans la colonne spécifiée)

var allSelectedValuesArray = array(); 
allSelectedValuesArray.push($("#tblVersions .Model option:selected").text()); 

var rows = $("body tr",$("#tblVersions")).map(function() { 
return [$("td:eq(0) input:checkbox:checked",this).map(function() { 
    return this.innerHTML;  
}).get()]; 
}).get(); 

---

<table id="tblversions"> 
<tbody id="body"> 
    <tr class="rowcss"> 
    <td> 
    <select class="Manufacturer"> 
     <option value="1">Toyota </option> 
     <option value="2">Honda</option> 
     <option value="3">BMW</option> 
    </select> 
    </td> 
    <td> 
    <select class="Model"> 
    <!-- If user selects Honda my Ajax populates Honda Models/Cars like below--> 
     <option value="1">Accord</option> 
     <option value="2">Toyota 2</option> 
     <option value="3">Honda 3</option>   
    </select> 
    </td> 
    </tr> 
    <tr class="rowcss"> 
    <td> 
    <select class="Manufacturer"> 
     <option value="1">Toyota </option> 
     <option value="2">Honda</option> 
     <option value="3">BMW</option> 
    </select> 
    </td> 
    <td> 
    <select class="Model"> 
    <!-- If user selects BMW my Ajax populates BMW models Cars like below--> 
     <option value="1">X5 Suv</option> 
     <option value="2">318 series Cheap</option> 
     <option value="3">540i too expensive!</option>   
    </select> 
    </td> 
    </tr>  
</tbody> 
</table> 

Answer 1

Je n'ai pas compris la deuxième partie de votre question, mais si vous voulez obtenir du texte et des valeurs pour toutes les listes déroulantes, vous pouvez faire quelque chose comme ça.

// Called when any of the dropdowns change 
("#tblversions").change(function() { 
    var allSelectedValuesArray = []; 

    // Search for all selects in the #tblversions 
    $("#tblversions select option:selected").each(function() { 
     // for each one, push it into the array 
     allSelectedValuesArray.push({text:$(this).text(), value:this.value}); 
    }); 
}); 

Cela crée un tableau d'objets dans le format {texte: « someText », valeur: « somevalue »} pour chacun des menus déroulants dans la table.