Javascript den Wert aller Dropdown-Listen erhalten

Question

ich eine Tabelle, die innerhalb jeder Zeile mehrere Dropdown-Listen hat,

<table style="width:100%"> 
    <tr class= 'products'> 
    <td>Gold</td> 
    <td> 
    <select onchange='get_all_products()'> 
    <option value="25">Gold 1</option> 
    <option value="27">Gold 2</option> 
</select> 
    </td> 
    </tr> 
    <tr class= 'products'> 
    <td>Silver</td> 
    <td> 
    <select onchange='get_all_products()'> 
    <option value="50">SILVER 1</option> 
    <option value="476">SILVER 2</option> 
</select> 
</td> 
    </tr> 
    <tr class= 'products'> 
    <td>Bronz</td> 
    <td> 
    <select onchange='get_all_products()'> 
    <option value="71">BRONZ 1</option> 
    <option value="89">BRONZ 2</option> 
</select> 
</td> 
    </tr> 
</table> 

auf der onchange jedes Dropdown ich den Wert aller Dropdown-Listen zu bekommen, die in der Klasse sind "Produkte" <tr class="products">

Answer 1

Sie durch alle wählt mit mit jquery gehen kann:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 

<script> 

    function get_all_products() { 
    $('.products select').each(function (index, el) { 
     console.log($(el).find('option:selected').text() + ' - ' + $(el).val()); 
    }); 
    }; 

</script> 

Ausgang:

Gold 2 - 27 
SILVER 1 - 50 
BRONZ 1 - 71